我之前一直以为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方法被重新调用了一次，视图也做了相应的修改