模板template
我们把HTMl模板叫做template，但是在template中使用用XML的语法
三种模板写法：
方法一：
方法二：
方法三：
模板语法： 使用{{}}插入表达式， 使用v-html v-on v-bind等指令操作DOM， 使用v-if v-for等指令实现条件判断和循环。
指令
以 v- 开头就是指令
语法：v-指令名：参数=值
有些指令支持修饰符
下面我们来说说.stop.prevent.sync
.stop.prevent
@click.stop="add"//表示阻止事件传播/冒泡
@click.prevent="add"//表示阻止默认动作
@click.stop.prevent="add"//同时表示两种动作
.sync
sync功能:子组件改变 prop 的值时，这个变化会同步到父组件中所绑定。
下面来举个例子，在一个包含 props: ["money"] 的假设的组件中，我们可以用以下方法表达对其赋新值的意图：
<button @click="$emit('update:money', money-100)">
父组件可以监听那个事件并根据需要更新一个本地的数据 。例如：
<Child :momey="total" v-on:updata:money="total = $event" />
由于这种写法过于复杂难写，vue提供了一个简单的写法.sync修饰符：
<Child :money.sync="total"/>
实际上.sync就是一个语法糖。
