v-model指令详情——04

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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值