引入Vue.js和使用v-model指令

当你引入Vue.js到你的项目中之后，你就可以使用Vue.js提供的v-model指令了。v-model指令可以实现双向数据绑定，即在数据模型中更新数据的同时，也可以更新视图中的数据。

在Vue.js中，v-model指令可以用于表单输入元素，如input、textarea和select等。下面是一个简单的例子：

<div id="app">
  <input type="text" v-model="message">
  <p>你输入的是：{{ message }}</p>
</div>

var app = new Vue({
  el: '#app',
  data: {
    message: ''
  }
})

在上面的例子中，我们创建了一个Vue实例，并将它绑定到一个id为“app”的元素上。然后，我们在Vue实例的data中定义了一个名为“message”的属性，并将它初始化为空字符串。接着，我们在input元素中使用v-model指令，将它的值绑定到“message”属性上。最后，我们在p元素中使用{{ message }}插值语法，将“message”属性的值显示出来。

当你在input元素中输入文字时，Vue.js会自动更新“message”属性的值，并将更新后的值显示在p元素中。

这是一个简单的例子，当你掌握了v-model指令的基本用法之后，你可以在更复杂的应用中使用它来实现双向数据绑定。