vue.js 模板语法

首先在js里创建vue实例，下文中的msg都是vue实例中的数据。

渲染文本

使用{{}}语法
<span>Message: {{ msg }}</span>

修改标签属性

直接在""中填写变量
<div v-bind:id="dynamicId"></div>
也可以写成
<div :id="dynamicId"></div>
监听事件
<a v-on:click="doSomething">...</a>
也可以写成
<a @click="doSomething">...</a>

控制语句

seen是vue实例中的变量数据,如果为真则在html中显示p标签.
<p v-if="seen">现在你看到我了</p>

参考文献:
https://cn.vuejs.org/v2/guide/syntax.html