Vue的数据绑定与生命周期
数据绑定:v-model的指令的值对应创建Vue实例中的data选项中的元素字段,在data选项中可以声明应用内需要双向绑定的数据。只要建立双向绑定,修改其中任何一个,另一个也会一起变化。var MyData={a:1}var app=new Vue({el;APP,data:MyData})console.log(a)//1//修改属性...
·
数据绑定:
v-model的指令的值对应创建Vue实例中的data选项中的元素字段,
在data选项中可以声明应用内需要双向绑定的数据。
只要建立双向绑定,修改其中任何一个,另一个也会一起变化。
var MyData={
a:1
}
var app=new Vue({
el;APP,
data:MyData
})
console.log(a)//1
//修改属性,原数据也会修改
app.a=2;
console.log(MyData.a);//2
//修改原数据,属性中的值也会修改
MyData.a=3;
console.log(app.a)//3
生命周期钩子:
created:实例创建完成功能后调用,$el还不能用;
mounted:el挂载到实例后调用,业务逻辑就此开始;
beforeDestroy:实例销毁之前调用,主要解绑一些使用的addEventListener监听事件;
更多推荐
已为社区贡献1条内容
所有评论(0)