<div id="app">
<p>{{msg}}</p>
<input type="text" v-model="msg">
</div>
<script>
new Vue({
el:"#app",
data:{msg:"你好Vue"}
})
</script>
1,模板标签：
{{}} 可以理解为 可执行简单js 解析data数据的地方
v.text 把data数据显示出来
v.html 把data数据显示出来(解析html字符串)
v-bind：属性 绑定html标签属性 v-bind:title ="ti"
:属性 :title=“ti”
2,条件渲染:
v-show=“表达式” 当表达式为真显示内容，为假不显示内容
v-if=“表达式” 当表达式为真显示内容，为假不显示内容
v-show通过css方式隐藏显示元素 v-if 通过移除html标签显示隐藏
v-else
