修饰符

 

修饰符是以半角句号 . 指明的特殊后缀，用于指出一个指令应该以特殊方式绑定。例如，.prevent 修饰符告诉 v-on 指令对于触发的事件调用 event.preventDefault()：

 

<form v-on:submit.prevent="onSubmit"></form>

 

用户输入

 

在 input 输入框中我们可以使用 v-model 指令来实现双向数据绑定：

 

双向数据绑定

<div id="app">

    <p>{{ message }}</p>

    <input v-model="message">

</div>

 

<script>

const app = {

  data() {

    return {

      message: 'Runoob!'

    }

  }

}

 

Vue.createApp(app).mount('#app')

</script>