<span v-bind:title="message"> 鼠标悬停几秒钟查看此处动态绑定的提示信息! </span> data() { return { message: 'You loaded this page on ' + new Date().toLocaleString() } }
v-model
指令,它能轻松实现表单输入和应用状态之间的双向绑定。
<div id="two-way-binding">
<p>{{ message }}</p>
<input v-model="message" />
</div>
const TwoWayBinding = {
data() {
return {
message: 'Hello Vue!'
}
}
}
Vue.createApp(TwoWayBinding).mount('#two-way-binding')