V-bind 和v-mode的区别和联系:
1.v-bind 和 v-mode 这两个指令都可以完成数据绑定
2.v-bind是单项数据绑定
data==>试图
3.v-mode 是双向数据绑定
data<==>试图
4.v-bind 可以使用在任何HTML标签当中。v-mode 只能使用在表单元素上例如:
input标签 select标签,textarea标签
为什么v-mode使用有限制呢?因为表单类的元素才能给用户提供交互输入的界面
v-mode指令通常也是用在value属性上面的
5.v-bind和v-mode都有简写方式:
v-bind 简写方式:
v-bind : 参数 =“表达式” 简写 : 参数= “表达式”
v-mode 简写方式:
v-mode: value=“表达式” 简写 v-mode=“表达式”
<body>
<div id=“app”>
v-bind指令:<input type="text" v-bind :value ="name1"><br>
v-mode指令:<input type="text" v-mode :value ="name2"><br>
<a v-mode : href="url">百度</a>//写法错误,因为v-mode不能使用这种元素
v-bind指令:<input type="text" :value ="name1"><br>
v-mode指令:<input type="text" v-mode ="name2"><br>
</div>
<script>
new Vue ({
el: ‘#app’,
data : {
name1 : 'zhangsan',
name 2 : 'wangwu'
url : “https://.baidu.com”
}
})
</script>
</body>