provide / inject 所谓响应式的对象

春风得意马蹄疾，一日看尽长安花。

于 2022-06-30 11:53:41 发布

阅读量187

点赞数

分类专栏： vue 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/w96098/article/details/125537822

版权

vue 专栏收录该内容

2 篇文章

订阅专栏

这篇博客探讨了如何在Vue中使用`provide/inject`选项来创建响应式的数据并将其从父组件传递到子组件。作者展示了如何初始化一个响应式的`popShow`变量，并在`provide`中返回，使得在子组件中可以访问到这个响应式属性。同时，也在`data`选项中定义了一个同名的响应式`popShow`，展示了数据的双向绑定和响应性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import Vue from 'vue'
provide() {
	// 给他变成响应式的；
      this.popShow = Vue.observable({
        popShow: 0
      })
      return {
        popShow: this.popShow
      }
    },

	// data里面的popShow也是响应式的；
	data() {
      return {
        popShow: {
          popShow: '1'
        }
      }
    },
    provide() {
      return {
        popShow: this.popShow
      }
    },