day03内容
-
表单输入绑定
双向数据绑定
mvvm模式model vm view
模型 viewModel 视图
{ {{message}}
data:{
message:“hello world”,
form:{
name:“terry”
}
}
methods:
} -
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