3 理解 Vue 的模板与数据的双向绑定

2017-12-13 132 阅读1分钟

app.js

var journal = new Vue({
  el: '#journal',
  data: {
    message: 'Your first entry'
  }
});

html:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Vue Demo</title>
  </head>
  <body>
    <div id="journal">
      <input type="text" v-model="message">
      <div>{{message}}</div>
    </div>
    <script src="vue.min.js"></script>
    <script src="app1.js"></script>
  </body>
</html>