Vue基础

Vue.js是一套构建用户界面的渐进式框架。Vue 采用自底向上增量开发的设计，Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！
框架和库的区别
框架：是一套完整的解决方案；对项目的侵入性较大，项目如果需要更换框架，则需要重新架构整个项目
库（插件）：提供某一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，可以很容易切换到其它库实现需求。
MVC与MVVM的区别
MVC 是后端的分层开发概念;
MVVM是前端视图层的概念，主要关注于视图层分离，也就是说：MVVM把前端的视图层，分为了三部分Model、View、VM ViewModel
Vue.js的代码结构
1引入Vue.js,2创建视图层，3实例化Vue（data：存放数据，el：这个控制是哪块视图，methods：放我们的方法）

插值表达式{{}}，v-text：会替换掉元素里的内容，v-html：可以渲染html界面

v-bind是界面元素属性值的绑定，可简写成：，v-on是进行事件的绑定，可简写成@

 

事件修饰符，.stop 阻止冒泡，.prevent 阻止默认事件，.capture 添加事件侦听器时使用事件捕获模式，.self 只当事件在该元素本身（比如不是子元素）触发时触发回调
.once 事件只触发一次，v-model数据双向绑定，注意：绑定的是表单控件

 V-for和key属性，遍历数组，参数(item，key,index) in list(key的值是唯一的，key只能是字符串或者数字，可以给他index的值)

 

 v-if与v-show区别，v-if删除dom元素，v-show设置display:none，v-if只修改一次的时候可以使用v-if,v-show频繁切换的时候可以使用v-show