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] // 视图不会更新;对原始值直接赋值不会更新视图;
// 执行方法更新原始值(引用类型)视图会更新,
// 直接对实例数据或源数据进行赋值会断开两者的联系;生命周期图示
API参考