1.Vue特点(1)三大主流前端框架之一，vue、react、Angular(2)轻量级框架，体积更小(3)生态广泛，适合初学者(4)基于mvvm模式，双向可以实现数据绑定。2、三种前端框架对比（1）React：开发大型项目最严谨的框架（学习成本较高，适合中高级前端开发工程师）（2）Angular：适合大型-项目规模大，项目开发比较重，不够Flexible(3)Vue：轻量级，体积小，基于mvvm模式，可以实现双向数据绑定，适合初学者。3.MVVM（软件设计模式）Vue.js就是按照这个设计模式出来的（1）M：model数据模型（2）V：view视图层（3）VM：ViewModel链接视图和数据模型，数据模型如果有变化，vm通知view修改；如果视图发生变化，vm会通知数据模型进行相应的修改。优化渲染：当当前数据模型发生变化时，只改变对应的视图，只渲染对应的视图层。4.生命周期（钩子函数）是从Vue实例创建到虚拟dom生成再到数据绑定监控数据渲染销毁的全过程。生命周期钩子函数：方便操作当前阶段的vue实例（1）vue实例初始化阶段beforeCreate：初始化时调用beforeCreate，对vue实例的生命周期相关属性的初始化和事件的初始化完成。这时候数据中的方法和数据模型中的方法是访问不到的。created：初始化完成后，完成vue的数据注入和数据监听操作。该操作的执行意味着创建了vue实例，可以访问data数据模型和方法。(2)Vue实例挂载阶段beforeMount：创建后，vue会判断实例是否包含el属性，如果没有vm.$mount(el)，则判断是否包含template属性，如果有，如果不解析el指定的外部html，则将其解析为渲染函数。这里只完成了模板的解析，数据并没有绑定到模板上。mounted：创建vm.$el替换el，实际完成数据绑定操作，期间执行render函数，解析模板，动态绑定数据。（3）vue实例更新阶段beforeUpdate：更新虚拟dom节点updated：完成页面的重新渲染（4）vue实例销毁阶段beforeDestroy：销毁前调用，此时可以访问vue实例销毁：完成监听、子组件、事件监听等被移除，vue实例对象被销毁。五、模板语法1、文本插值(1){{msg}}使用双花括号将data数据模型中的字段渲染到页面中(2){{msg+"nihao"}}可以把js里面双花括号表达式2.使用说明(1)v-bind:动态绑定元素上的属性v-bind:titleabbreviation=>:title="title"(2)v-html:bindhtmlcodesnippetsRichtexteditorhasFormatcontent=>对应html代码(3)v-on:动态绑定事件v-on:click="clickHandler"缩写=>@click="clickHandler"3.条件渲染(1)v-if,v-else,v-show(2)v-if、v-else和v-show的区别v-if和v-else分别对应元素的增减，如果条件为真，则添加元素，如果条件为假，该元素被删除。v-show对应CSS样式中的display，实现显示和隐藏。显示时使用display:block，隐藏时使用display:none。频繁显示和隐藏组件时，最好使用v-show，因为v-if会频繁渲染dom树占用资源，影响代码运行效率。4.列表渲染v-for
