【Vue】零基础学习Vue: 第14课 Watch 如何侦听数组

转载于 2019-06-29 16:42:19 发布 · 248 阅读

文章标签：

#vue

前端同时被 2 个专栏收录

37 篇文章

订阅专栏

零基础学习Vue

27 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
</head>
<body>
  <div id="app">
     <div>___{{arr}}__</div>
  </div>

  <script>
    let vm = new Vue({
      el:"#app",
      data: {
        arr:[0,1,2,3,4]
      },
      watch:{
        arr(){
          console.log("data 中数组arr被修改")
        }
      }
    })
  </script>
</body>
</html>

改变数组属性值时运行结果如下：

在这里插入图片描述