//html
<div id="app">
<p>{{msg1}}</p>
<p v-text="msg"></p>
<p v-once>{{msg2}}</p><!--一次性插值,将无法改变-->
<p v-html='msg3'><p><!--msg3将解析成html输出-->
<p>{{'ok'?'yes':'no'}}</p><!--输出yes-->
<p>{{num+1}}</p><!--如果num为3,则输出4-->
<p v-bind:id="'msg'+4"></p><!--如果msg值为msg,则id为msg4-->
<p><a :href="url">链接</a></p><!--可以通过修改app.url的值,:为v-bind:的省略写法-->
<button @click="click">click</button><!--@为v-on:的缩写,绑定点击事件click,'click'可以在data里定义为函数-->
<p v-if='seen'>你能看见我</p><!--如果seen值为true,则标签显示,反之标签不显示-->
</div>
//js
var app=new Vue({
el:'#app',
data:{
message:'hello world'
}
})
//html 与 js message 互相绑定