关于vue.js:vue3-provide-inject-父子组件传值watch监听

父组件

setup () {
   const data = reactive({
   deviceTypesTotal: {}
})

provide('deviceTypesTotal', data.deviceTypesTotal)

子组件

import { defineComponent, reactive, toRefs, ref, onMounted, inject , watch } from 'vue'

const deviceTypesTotal = inject('deviceTypesTotal')
watch(deviceTypesTotal, (newValue) => {
  console.log(newValue)
  data.deviceTypesTotal = newValue.deviceTypesTotal
},{deep:true})

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理