今日学习
6. 表单输入绑定
双向数据绑定
mvvm模式
model vm视图与模型的关联器 view
模型 viewModel 视图
{ {{message}}
data:{
message:‘helloworld’,
from:{
name:“terry”
}
}
methods:
}
//双向数据绑定 用在表单
7. vue实例的生命周期
创建vue实例对象
vm.num :1
模板的初始化
将html转换为dom过程
将vm.num 设置到 模板
数据绑定
监听数据变化
重新渲染 (多次重复)
销毁
声明周期的钩子函数
beforeCreate 无法访问vue实例中data及methods中的变量
created vue实例完全创建好了,可以访问vue实例中data及methods中的变量
查询所有的文章信息,然后绑定到data中的articles中
beforeMount 完成了模板的编译(将html->dom对象)
mounted 完成了数据绑定,这个时候我们就可以看到页面数据了
beforeUpdate updated
beforeDestroy destroyed
2020-05-13
最新推荐文章于 2021-03-04 13:24:41 发布