vue入门

使用vue核心的三要素（mvvm模型）

1. 使用vue前得有view，也是咱们的html标签
2. 从后台拿数据，也就是咱们的model
3. 创建vue实例，也就是viewmodel，它是中间桥梁，将model与view进行关联

vue入门的三个需要知道的知识点

1. 常用实例属性:
   el：vm（vue实例）通过el来绑定view（html代码）
   data：vm（vue实例）通过el来绑定model（后台返回的数据）
   methods：给绑定的html代码块去预定义事件。

引入vue.js

{{aaaa}}
	
	

这个代码块的意思是，定义一个btn按钮，假设data的json数据是从后台获取。通过vm这个vue的实例的el属性将btn按钮关联，再通过data属性将数据绑定。那么btn按钮中的aaaa实际指向的是data中的aaaa。并且，由于vm中定义了method方法，通过v-on:指令，可以将该方法绑定到btn按钮中的具体事件。

2. 计算属性(getter、setter方法):用于进行复杂运算
   在介绍计算属性前，我们先了解插值运算。

		结果:{{num+1}}

		结果:{{ text.split(",").reverse().join(",")}}
	
	

结果如下：

上面的插值运算有所缺陷，它会让html代码过于臃肿，不利于维护。
并且，她的语法 {{变量名}} 只支持单表达式。

注意:1.不支持语句和流控制 2.不能使用用于定义的全局变量,只能使用vue白名单中的,例如Math

所以，vue提供了计算属性这一功能。
代码如下：

3.计算属性

	
		{{reserver}}
	
	

结果如下

从结果上来看，插值计算和计算属性都是一样的，但是试想一下，如果反转字符串在该html需要多处应用，哪个维护性高一些呢？

3. 生命周期钩子

。。。。。。。