Vue是一套前端框架，免除原生JavaScript中的DOM操作，简化书写。
基于MVVM思想，实现数据的双向绑定，将编程的关注点放在数据上。
引入Vue.js库：
常用指令：
v-bind:为HTML标签绑定属性值，如设置href，css样式等
v-model:在表单元素上创建双向数据绑定
<a v-bind:href="url">链接1</a>
<a :href="url">链接2</a>
<input type="text" v-model="url">
</div>
v-on:为HTML标签绑定事件
<body> <div id="app"> <input type="button" value="点我一下" v-on:click="handle()">
<input type="button" value="点我一下" @click="handle()">
</div>
v-if:同下
v-else-if:条件性的渲染某元素，判断为ture时渲染，否则不渲染
v-else:同上
v-show:根据条件展示某元素，区别在于切换的是display属性的值
年龄<input type="text" v-model="age">经判定,为:
<span v-if="age <= 35">年轻人(35及以下)</span>
<span v-else-if="age > 35 && age < 60">中年人(35-60)</span>
<span v-else>老年人(60及以上)</span>
<br><br>
年龄<input type="text" v-model="age">经判定,为:
<span v-show="age <= 35">年轻人(35及以下)</span>
<span v-show="age > 35 && age < 60">中年人(35-60)</span>
<span v-show="age >= 60">老年人(60及以上)</span>
</div>
v-for:列表渲染，遍历容器的元素或者对象的属性
<body> <div id="app"> <div v-for="addr in addrs">{{addr}}</div>
<hr>
<div v-for="(addr,index) in addrs">{{index + 1}} : {{addr}}</div>
</div>