Vue模板语法和数据绑定

vue模板语法分为两个大类

1，插值语法

功能是用于解析标签体内容。
写法为{{xxx}}，xxx必须是js表达式，并且可以直接读取到data中的所有属性。

2，指令语法

功能是用来解析标签（标签属性，标签体内容，绑定事件等。。。。）
例子
v-bind：href==“x” 或 简写成：href=“x”，x一样要写成js表达式，而且可以直接读取data中的所有属性。
vue中会有很多的指令，且形式都是 v-？？？。

vue数据绑定

vue中有两种数据绑定：
1.单向绑定（v-bind）：数据只能从data送到页面。
2.双向绑定（v-model）：数据不仅能从data送到页面，还能从页面送到data。
注意项：双向绑定一般都应用在表单类元素上面
v-model：value 可以直接写成v-model 因为它本身默认收集的就是value值。

<div id ="Dataclass">
单向绑定：<input type="text" v-bind:value="name">
双向绑定：<input type="text" v-model:value="name">

<script>
Vue.config.productionTip =false
new Vue({
el:'#Dataclass',
data：{
name：'xxx'
}
})
</script>