您的位置：首页 > 产品设计 > UI/UE

vue双向数据绑定

2017-12-18 15:07 260 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航