vue双向绑定

by yu lemon

HTML

<div id="app">
  <input v-model="message">
  <p>{{ message }}</p>
</div>
<script src="https://cdn.bootcss.com/vue/2.4.2/vue.js"></script>

CSS

* {
  padding: 0;
  margin: 0;
  border: none;
  }
input {
  border: 1px solid #dedede;
  }

JavaScript

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