-
自己写的关于该课程的github上的源码:https://github.com/Jessicatt/vue_js(供大家借鉴)查看全部
-
app的组件卸载src的main.js里面查看全部
-
methods 内部函数打印查看全部
-
一、localStorage会存储在浏览器的一个文件中。 二、deep:true,如果不写这个的话,items如果有key更改了,也不会被认为是更改了。查看全部
-
一、 1、v-on:click可以简写为@click 2、this.newItem可以获得data里属性名为newItem的值 二、vue:双向绑定。 只要控制好数据,页面就能呈现自己想要的效果。查看全部
-
一、v-bind:class简写成:class 二、class 1、:class="{isFinished:item.isFinished}",控制是否有这个class 2、:class="[isRed,isBlue]",添加2个class查看全部
-
一、components:{App}:注册了一个组件,名字为App,自动把驼峰的写法转为小写或者是带-的写法。 二、import App from './App' es6的写法:将app.vue文件引入到当前文件。 类似于var App=require('./App');查看全部
-
三、模板指令——v-if v-show 控制模块隐藏:v-if v-show 四、模板指令——v-for 渲染循环列表:v-for <ul> <li v-for='item in items'> <p v-text='item.label'></p> </li> </ul> 五、模板指令——v-on 事件绑定:v-on:,也可以写成@ 六、模板指令——v-bind 属性绑定:v-bind <div :class="{red:isRed}"></div> red是class名,isRed是对是否有这个class的判断 <div :class="[classA,{classB:isB,classC:isC}]"></div> 七、小结 1、new 一个vue对象的时候你可以设置它的属性,其中最重要的包括三个,分别是data,methods,watch. 2、其中data代表vue对象的数据,methods代表vue对象的方法,watch设置了对象监听的方法。 3、vue对象里的设置通过html指令进行关联。 4、重要的指令包括: —— v-text 渲染数据 —— v-if 控制显示 —— v-on 绑定事件 —— v-for 循环渲染等查看全部
-
一、实例化vue对象 1、vue的所有数据都是放在data里的。 2、data:{a:1,b:[]},a可以通过this.a取到 3、methods:{ doSomething:function(){ this.a++ } } 4、watch:{ 'a':function(val,oldVal){ console.log(val,oldVal); } } watch对数据变化进行监听。 二、模板指令——html和vue对象的粘合剂 模板指令是写在html中的 数据渲染:v-text、v-html、{{}} v-text="a",是处理的html v-html="a",是保存了html结构 这里的a都是对应到vue对象数据原理的a。查看全部
-
一、安装 1、$ npm install -g vue-cli 2、$ vue init webpcak my-project; webpack:项目类型。 my-project:项目名称。 二、创建自己的项目 1、cd /Users/yquanmei/ee/git/imooc-vueFirst 2、vue init webpack my-project 3、cd my-project 4、npm install查看全部
-
一、vue.js是mvvm框架,同时结合了angularJs和react的优点。 二、{{message}}是一种常用的模板渲染的方式。 三、双向绑定: 1、页面上进行的输入会绑定到js代码中。 2、js的message的变动也会体现在调用message的页面的部分。 四、vue强调一个组件的概念。查看全部
-
v-on 事件绑定 vo-on:click == @click v-bind 属性绑定 v-bind:src v-bind:class == :class查看全部
-
v-if 不渲染 不显示 v-show 显示 v-for 循环查看全部
-
从*.vue 到页面查看全部
-
vue总结查看全部
举报
0/150
提交
取消