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!'
    }
  })