vue双向数据绑定
vue双向数据绑定
Theone67
发布于 2019-11-21 19:45:37
发布于 2019-11-21 19:45:37
我之前一直以为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方法被重新调用了一次，视图也做了相应的修改
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2017-12-18 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读