Vue属性绑定v-bind:和双向数据绑定v-model
<body><!--属性绑定v-bind: 可以直接省略为 :--><!--一旦使用模版指令 等号之后的就是一个js表达式，所以里面可以使用很多js表达式--><div id="root"><div v-bind:title="title&qu
·
<body>
<!--属性绑定v-bind: 可以直接省略为 :-->
<!--一旦使用模版指令 等号之后的就是一个js表达式，所以里面可以使用很多js表达式-->
<div id="root">
<div v-bind:title="title">123</div>
<!--单向数据:value Vue决定页面的值-->
不可修改：<input :value="content"/><br/><br/>
<!--双向数据绑定v-model 可以实现页面修改数据的值-->
可以修改：<input v-model="content"/>
<div>{{content}}</div>
</div>
<script>
new Vue({
el:"#root",
data:{
title:"this is hello world",
content:"Please enter your name"
}
})
</script>
</body>
截图：
效果：
前往低代码交流专区
更多推荐
0
0- 0
已为社区贡献2条内容
所有评论(0)