前端小白入门Vue之侦听器

---

前言

接着上一篇计算属性，计算属性会知道元素是否发生更新，这一篇我们将使用Vue的侦听器来处理元素是否更新

---

侦听器的语法

引入watch，定义侦听数据同名的侦听函数message：

    <div id="app">
        {{message}}
    </div>
    <script>
        var vm = new Vue({
            el: "#app",
            data: {
                message: "hello world"
            },
            watch: {
                message: function () {
                    console.log("message发生了改变")
                }
            }
        })
    </script>

然后我们到控制台进行数据message的改变：

数据发生更新，Vue就会自动调用watch中的数据的同名函数，然后我们就可以根据数据的更新做出相应的策略。
下一篇学习了解Vue中非常重要的“组件”

今日推荐

免费图标网站：阿里-iconfont