vue文件中监听全局变量
时间: 2024-05-11 16:20:17 浏览: 160
vue项目消息链接全局创建监听
5星 · 资源好评率100%
在Vue中监听全局变量可以使用`watch`方法,将需要监听的全局变量绑定到Vue实例的`data`选项中,然后使用`$watch`方法进行监听。
例如,假设全局变量名为`globalVar`,在Vue组件中监听它的变化,可以这样写:
```vue
<template>
<div>{{ globalVar }}</div>
</template>
<script>
export default {
data() {
return {
globalVar: window.globalVar // 将全局变量绑定到组件的data选项中
}
},
created() {
this.$watch('globalVar', () => { // 监听globalVar的变化
console.log('globalVar changed')
})
}
}
</script>
```
当全局变量`globalVar`的值发生变化时,控制台会输出`globalVar changed`。
阅读全文