<div id="app">
    <p>{{message}}</p>
    <span>message1</span> <input v-model="message">
    <span>message2</span> <input v-model="message">
 </div> 

var vm = new Vue({
  el: "#app",
  data: {
    message: ‘‘
  },
  methods: {}
});
 

說明

1） v-model 是用在表單中的指令

2） 雙向綁定：都是指的是類似input這樣的，自帶change事件的表單項目

3） p標簽中的message發生了變化，input的value的變化改變了message，從而使視圖發生了相應的變化。

VUE 入坑系列 一 雙向綁定