Vue学习记录——数据绑定、el和data两种写法、MVVM模型

Vue学习记录

容器和实例是一一对应的关系

数据绑定

v-bind和v-model
v-bind是单向绑定 不能通过界面修改数据
v-model是双向绑定 可以通过界面修改数据
v-model的使用是有范围的，只能应用在表单类元素类（input、select）
v-model：value可以简写为 v-model 因为v-model默认收集的就是value的

el和data两种写法

el：（两种都可以用）
第一种写法：el：‘#root’
第二种写法：v.$mount(‘#root’)
data

第一种写法：
data:{
name:'Mary'
}
第二种写法：(只能用这种)
data:funcion(){
return{
name:'Mary'
}
}
可以简写为
data(){
return{
name:'Mary'
}
}

注意由Vue管理的函数 一定不能写成箭头函数 否则this就不再是Vue实例了

MVVM模型

Object.defineProperty方法

		 	Object.defineProperty(person,'age',{
            value:18,
            enumerable:true,//控制属性是否可以被枚举 默认是false
            writable:true,//控制属性是否可以被修改，默认是false
            configurable:true,//控制属性是否可以被删除，默认是false
        })这样设置属性便于给属性设置一些限制