vue基础语法（view层）

data选项

功能：data选项中存储的是页面中需要显示的数据，
	 是初始化数据的位置，是元数据，是vue实例的一个实例属性
可以接受的数据类型: number/string/boolean/array/json/undefined/null/function

常用模板语法

1.插值表达式{
  {xxx}}
	在模板中输出变量,在插值表达式中是可以写JavaScript表达式的。
	例如：{
  {1+2}}，但不能写语句。
2.基础指令
	v-html
		转义输出变量的HTML标签，可以让html标签里的内容变成动态的，
		但是不会对内容中的html标签进行转义，相当于innerHTML。
	v-text
		可以让html标签里的内容变成动态的（从data中获取），相当于innerText
	v-bind
		 属性值动态绑定：`v-bind:html属性="数据"`  简写   :html属性="数据"`  
		 属性**名**动态绑定： `v-bind:[属性名]="数据"`	
	v-if
		模板中进行判断，根据变量负责DOM的展示与否。
		如果v-if的值为false时，将直接移除DOM元素
	v-show
		模板中进行判断，根据变量负责DOM的展示与否。
		动过样式进行展示，为false时， display:none
	v-on
		阻止默认行为 -  @click.prevent
		在模板中绑定事件,例如 v-on:click="handleClick"
		$event 传递原生事件：handleClick(