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>