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
})这样设置属性便于给属性设置一些限制