11-vue_day03

day03内容

6. 表单输入绑定
   双向数据绑定
   mvvm模式

   model vm view
   模型 viewModel 视图
   { {{message}}
   data:{
   message:“hello world”,
   form:{
   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