Vue基础知识
2018-09-14 20:44
141 查看
一.MVVM
Model-View-ViewModel缩写
Model:代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑
View:代表UI组件,负责将数据模型转化成UI展现出来
ViewModel:监听模型数据的改变和控制视图行为,处理用户交互。也可理解为一个同步View和Model的对象,连接Model和View
二.Vue的生命周期
beforeCreate(创建前):在数据观测和初始化事件还未开始
created(创建后):完成数据观测,属性和方法的运算,初始化事件, $el 属性还没显示出来
beforeMount(载入前):在挂载开始前被调用,相关的 render 函数首次被调用。实例已完成以下的配置:编译模板,把data里的数据和模板生成html,此时还没有挂载到页面上
Mounted(载入后):在el被新创建的 vm.$el 替换并挂载到实例上去之后调用。实例已完成以下配置:用上面编译好的html内容替换el属性指向的DOM对象。完成模板中的html渲染到html页面中。此过程进行ajax交互
beforeUpdate(更新前):在数据更新之前调用,发生在虚拟DOM重新渲染和打补丁之前。可以在该钩子中进一步更改状态,不会触发附加的重渲染过程
updated(更新后):在由于数据更改导致的虚拟DOM重新渲染和打补丁之后调用。调用时,组件DOM已经更新,所以可以执行依赖于DOM的操作。应避免在此期间更改状态,可能会导致更新无限循环。该钩子在服务器端渲染期间不被调用
beforeDestroy(销毁前):实例销毁前调用。实例仍可使用
destroyed(销毁后):在实例销毁后调用。调用后,所有事件监听器会被移除,所有子实例也会被销毁。该钩子在服务器端渲染期间不被调用
阅读更多相关文章推荐
- vue-router 2.0 常用基础知识点之router.push()
- vue-router 2.0 常用基础知识点之router.push()
- vue2.0+基础知识连载(04)--- 绑定style样式
- vue2.0+基础知识连载(07)--- 事件对象
- vue2.0+基础知识连载(19)--- 自定义指令
- Vue 源码 基础知识点
- vue-router 2.0 常用基础知识点之router.push()
- javascript vue-resource基础知识 js网络请求
- 详解vue-router 2.0 常用基础知识点之router.push()
- vue2.0+基础知识连载(09)--- 默认事件
- vue2.0+基础知识连载(20)--- 自定义键盘信息
- Vue.js基础知识汇总
- Vue组件基础知识总结
- vue 2.0 常用基础知识点
- 详解vue-router 2.0 常用基础知识点之导航钩子
- vue-router相关基础知识及工作原理
- vue-router 2.0 常用基础知识点之导航钩子
- vue.js基础知识总结
- vue 基础知识随笔
- vue学习第3天,基础知识,条件渲染,列表渲染,事件处理,内联样式