码迷,mamicode.com
首页 > 其他好文 > 详细

vue双向数据绑定

时间:2017-12-18 19:17:46      阅读:275      评论:0      收藏:0      [点我收藏+]

标签:blog   utf-8   log   src   oct   style   app   html   ack   

我之前一直以为vue的双向数据绑定只有在视图中显式使用了才会进行视图的更新,今天发现当在某个方法中使用到某个变量时,该变量改变之后,会重新调用该方法,例子如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>vue双向数据绑定</title>
</head>
<body>
  <div id="app">
    <p>{{sel()}}</p>
  </div>
</body>
<script src="./libs/vue/vue.min.js"></script>
<script>
  var app = new Vue({
    el: "#app",
    data: {
      arr: [1, 2, 3]
    },
    methods: {
      sel: function () {
        return this.arr[0];
      }
    }
  })
</script>
</html>

 在该例子中,我并没有在视图中绑定arr变量,而是调用的sel方法,发现在arr改变后,sel方法被重新调用了一次,视图也做了相应的修改

vue双向数据绑定

标签:blog   utf-8   log   src   oct   style   app   html   ack   

原文地址:http://www.cnblogs.com/theone67/p/8057692.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!