vue雙向數據綁定
阿新 • • 發佈：2017-12-18
方法 cti tle 調用 charset urn 更新 color arr
我之前一直以為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雙向數據綁定