vue 全局变量监听 watch $root

Vue.js是一款开源的JavaScript框架，它的出现为我们提供了一种更加便利快捷的前端开发方式。在Vue.js中，全局变量是一种非常常用的数据结构，可以被多个组件所使用。对于这种全局变量的变化，我们可以使用watch $root来进行监听。

watch $root这种监听方式的实现非常简单。我们只需要在Vue实例中，通过$watch方法来定义一个监听对象，这个监听对象就是我们的$root。在这个监听对象中，我们可以定义一个处理函数，用于在全局变量发生变化时，进行相应的处理事件。

例如，假设我们定义了一个全局变量count，如果我们想要在全局变量count发生变化时进行相应的事件触发，我们可以通过下面的代码实现：

new Vue({
  data: {
    count: 0
  },
  watch: {
    '$root.count': function () {
      // 在全局变量count发生变化时执行的处理事件 
    }
  }
})

上述代码中，我们在data中定义了全局变量count，然后通过watch方法中的'$root.count'来将全局变量count进行监听，当全局变量count发生变化时，就会立即执行watch函数中的处理事件。

总结来说，watch $root是Vue.js中非常常用的全局变量监听方式，通过这种方式，我们可以非常方便地在全局变量发生变化时进行相应的事件处理。同时，在Vue.js中还有许多其他的监听方式，可以根据实际需求来选择不同的监听方式。