Vue.js

215 阅读1分钟

1.指令

v-model  --实现双向数据绑定;

v-on -- 实现事件绑定;

v-if --条件判断;

v-if/v-else-if -- 分支条件判断;

2.组件系统

3.Vue实例

vue只能追踪在实例里定义的data属性,

对于复杂对象类型,修改对象属性是可以被追踪的;简单数据类型初始值被复制后就断开联系,直接修改原始值是不会被追踪的;

// 该data不会被追踪    
var data = '[1, 2, 3, 4]'    
// 该list会被追踪    
var list = [1, 2, 3, 4]    
var vm = new Vue({     
   el: '#app',    
   data: {        
       data: data,     
       list: list, 
   },    
})

data = []; // 视图不会更新
list = [1,2] // 视图不会更新;对原始值直接赋值不会更新视图;
              // 执行方法更新原始值(引用类型)视图会更新,
              // 直接对实例数据或源数据进行赋值会断开两者的联系;

生命周期图示

cn.vuejs.org/v2/guide/in…

API参考

cn.vuejs.org/v2/api/#%E5…