02_Vue数据绑定
Vue中有两种数据绑定的方式：
-
单项数据绑定（v-bind）：数据只能从data中流向页面，data中数据发生变化，页面绑定的值也发生变化。
-
双向数据绑定（v-model）：数据能从data流向页面，也能从页面流向data，data和页面绑定的值相互绑定。
<body>
<div id="app">
<p>完整写法：</p>
单项数据绑定：<input type="text" v-bind:value="msg" />
<br />
双向数据绑定：<input type="text" v-model:value="msg" />
<p>简写：</p>
单项数据绑定：<input type="text" :value="msg" />
<br />
双向数据绑定：<input type="text" v-model="msg" />
</div>
<script>
const vm = new Vue({
el: '#app',
data() {
return {
msg: 'byboy'
};
},
});
</script>
</body>
注意：
阅读剩余
THE END
