VUE学习笔记
一、环境部署
Windows生产环境部署：https://www.cnblogs.com/zhaomeizi/p/8483597.html
二、基础内容
1.引用VUE.js文件：<script src="~/Content/Vue/vue.js"></script>
2.创建实例：
var vm=new Vue({
el:'#div1',//表示这个实例的作用域
data:{
msg:'Hello!'
},//挂载数据(VM会监听自身的data值，如果有改变，会自动同步到页面中)
methods:{
show(){
}
}//挂载方法
})
3.元素赋值：
差值表达式赋值（{{}}）使用v-cloak指令设置样式，解决渲染前的样式问题。
<div id="div1">
{{msg}}<!--差值表达式-->
</div>
v-text：为元素赋文本值，和差值表达式作用一样，差值表达式未渲染前页面会将差值表达式当做文本处理，渲染后会产生闪烁问题，而v-text指令不会有这个问题，v-text会将原本页面上内容覆盖，差值表达式不会。
v-html：将内容读作html渲染，会将原本页面上的内容覆盖。
4.属性绑定：
v-bind：后面跟属性名，提供属性绑定的指令，值为一个变量，可以是一个JS表达式，可以缩写为：。
5.事件绑定：
v-on：后面跟事件名，提供事件绑定的指令，值为一个方法，可以缩写为@。
6.事件修饰符：
.stop：阻止冒泡（只触发元素自身的事件）
.prevent：阻止默认事件（例如A元素的链接跳转事件，使用这个修饰符不会进行跳转）
.capture：添加事件侦听器时使用事件捕获机制（获取到所有被触发的事件，由外而内的执行）
.sefl：只在该元素自身触发时触发回调
.once：事件只触发一次
7.双向数据绑定：
v-model：提供双向绑定机制，只能绑定到表单元素上。
8.样式设置：
数组：:class=['类名'，‘类名’] 直接传递一个数组，类名以字符串的方式传递。
三元表达式：:class=['类名'，bool变量？‘类名’:‘’] 使用对象代替三元表达式 ： :class=['类名'，{'类名':bool变量}] :class={类名:bool值}
v-bing:style 设置样式
9.循环：
v-for循环数组：v-for='item in 数组' 然后利用插值表达式绑定item v-for='(item i) in 数组' 获取索引值i。
v-for循环对象：v-for='(val,key)in 对象' 利用差值表达式赋值 也可以获取索引值。
v-for迭代数字：v-for='count in 5' 数字值从1开始，循环5次。
使用v-for时要注意添加key进行标识，不然使用组件的时候会有问题 :key="item.name"，key绑定的只能是number或string。
10.判断：
v-if：每次都会重新创建元素
v-show：不会重新创建元素，这是改变display样式
v-if有较高的切换性能消耗，v-show有较高的初始渲染性能消耗。
11.过滤器：
二、VUE生命周期
三、VUE路由
