本篇内容主要讲解“Vue3中的watchEffect特性是什么”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“Vue3中的watchEffect特性是什么”吧!

watchEffect

与 Vue2 中的

watch

watchEffect

下面是一个使用

watchEffect

import { watchEffect, reactive } from 'vue'
const state = reactive({
  count: 0
})
watchEffect(() => {
  console.log(state.count)
})

在上面的代码中，我们使用

reactive

state

watchEffect

state.count

state.count

需要注意的是，

watchEffect

除了监听响应式数据的变化外，

watchEffect

this

下面是一个使用

watchEffect

import { watchEffect, computed } from 'vue'
export default {
  computed: {
    doubleCount () {
      return this.count * 2
    }
  },
  mounted () {
    watchEffect(() => {
      console.log(this.doubleCount)
    })
  }
}

在上面的代码中，我们使用

computed

doubleCount

mounted

watchEffect

doubleCount

doubleCount