vue的数据绑定有哪些方式
vue中实现数据绑定的方式有:1.使用Mustache语法单向绑定数据;2.通过v-bind指令绑定html属性;3.通过v-once指令一次性绑定数据;
vue中实现数据绑定的方式有以下几种
1.使用Mustache语法实现数据单向绑定
<div id="app"><p>{{text}}</p>
</div>
<script>
var app = new Vue({
el: '#app',
data: {
text: 'text content'
}
});
</script>
2.通过v-bind指令绑定html属性
<div id="app"><p title={{title}}></p>
<p v-bind:title="title"></p>
<p :title="title"></p>
</div>
<script>
var app = new Vue({
el: '#app',
data: {
title: 'title content'
}
});
</script>
3.通过v-once指令实现数据一次性绑定
<div id="app"><p v-once>{{once}}</p>
</div>
<script>
var app = new Vue({
el: '#app',
data: {
once: 'once content'
}
});
app.once = 'changed content';
</script>
声明:本站所有作品(图文、音视频)均由用户自行上传分享,或互联网相关知识整合,仅供网友学习交流,若您的权利被侵害,请联系 管理员 删除。
本文链接:http://news.ew35.com/