vue概念：
渐进式的javacript框架 自底向上，逐渐增强
特点：
易用、 灵活、 高效
数据驱动视图， 也叫响应式的数据变化，视图自动跟着改变
缺点：
不支持ie8及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。
vue基本指令分类
v-html 解析html文档
v-text 解析文本
v-if(v-else)和v-show
v-bind： 动态绑定 可以简写成 ：
v-on: 事件绑定 可以简写成 @
v-for ：循环遍历
v-model ：双向数据绑定
MVVM设计模式
这个模式，清晰的做到了，前端端分离。view 视图指的就是用户看到的界面就是视图。model 模型（原本指的是后端逻辑），在前端看来它指的就是API接口（指的就是发起请求调用的接 口）viewModel视图模型，它作为视图和模型之前的桥梁所存在。它可以发起请求同时可以得到响应
M --- model 模型
V --- view 视图
VM --- viewModel 视图模型
步骤
引入核心库 建议引入开发环境
创建一个容器 指定id， 在这个容器中可以调用vue的所有语法
逻辑交互
script src="./node_modules/vue/dist/vue.js"></script>
<body>
<div id="box">
<h1>{{msg}}</h1>
</div>
<script>
new Vue({
el:'#box',//挂载点
data:{//数据，属性，是声明式，不需要大家var let const ...
msg:'放假还开心啊，还有20天，又是一个小长假。。。'
}
})
</script>
</body>
el 挂载点 不能挂载到 html 和 body 上， class是实现语法渲染的，不建议，建议id，每个实例都是 唯一的
data 数据属性, 所有要渲染的变量全部定义到这个对象上
{{}} 插值表达式， 不能写复杂语句，可以使用三目运算，可以字符串拼接
在vue中疯狂刷新出现闪动（{{}}），如何解决？？？
一、用v-text ,因为它不用{{}}渲染，所以根本不会出现，但是太麻烦了，每个都要用才有用。这个方式不推荐！！！！
二、v-cloak 全局结局闪动问题的指令
[v-cloak]{
display:none;
}
对于Vue是一套渐进式框架的理解
渐进式代表的含义是：主张最少。Vue可能有些方面是不如React，不如Angular，但它是渐进的，没有强主张，你可以在原有大系统的上面，把一两个组件改用它实现，当jQuery用；也可以整个用它全家桶开发，当Angular用；还可以用它的视图，搭配你自己设计的整个下层用。你可以在底层数据逻辑的地方用MVVM和设计模式的那套理念，也可以函数式，都可以，它只是个轻量视图而已，只做了自己该做的事，没有做不该做的事，仅此而已。
