Vue.js是一套构建用户界面的渐进式框架,Vue 采用自下向上增量开发的设计,其核心库只关注视图层,轻量级,同时vue完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。
1、Vue :mvvm 模式的框架(Model-View-ViewModel:分离视图(View)和模型(Model),低耦合、可重用性、独立开发、可测试)
2、事件钩子(承诺)
(1)beforeCreate():
在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
(2)created()
在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data observer),属性和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。
(3)beforeMount()
在挂载开始之前被调用:相关的 render 函数首次被调用。
(4)mounted()
el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素,当 mounted 被调用时 vm.$el 也在文档内
(5)beforeUpdate()
数据更新时调用,发生在虚拟 DOM 重新渲染和打补丁之前。
(6)updated()
由于数据更改导致的虚拟 DOM 重新渲染和打补丁,在这之后会调用该钩子
(7)beforeDestroy()
实例销毁之前调用。在这一步,实例仍然完全可用
(8)destroyed()
Vue 实例销毁后调用。调用后,Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。
3.Vue实例
var app= new Vue({
el:’#app’, //模板的id, 指定当前vue要绑定的dom
data: {a:1},
methods: {
plus: function () {this.a++} //(3)方法:方法中的 this 自动绑定为 Vue 实例
},
computed:{
//提供计算属性(对data加工)
},
})