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

最新推荐文章于 2023-09-16 17:17:32 发布

weixin_33979203

最新推荐文章于 2023-09-16 17:17:32 发布

阅读量168

点赞数

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5a3123f5f265da432c23d9ea

版权

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>
复制代码