前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue中数据传递的inject 和provide

vue中数据传递的inject 和provide

作者头像
拿我格子衫来
发布2022-01-24 18:12:13
8760
发布2022-01-24 18:12:13
举报
文章被收录于专栏:TopFETopFE

处理Vuex 还有一种数据存储传递方案

如果注入的是一个对象或数组 则由于引用类型的关系, 父子组件公用一个数据源,修改任意一方都会修改数据

如父组件

代码语言:javascript
复制
    provide () {
      return {
        'name': this.$data
      }
    },

子组件

代码语言:javascript
复制
  inject: ['name']

另外一种情况 父子组件注入的是一个基本数据类型 如字符串,数字 ,布尔, 则只会传递初始值,并且在子组件修改数据会报错。

Avoid mutating an injected value directly since the changes will be overwritten whenever the provided component re-renders. injection being mutated: "name"

依赖注入 injec和provide 以下引用官方

provide / inject

2.2.0 新增

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 处理Vuex 还有一种数据存储传递方案
  • provide / inject
相关产品与服务
数据保险箱
数据保险箱(Cloud Data Coffer Service,CDCS)为您提供更高安全系数的企业核心数据存储服务。您可以通过自定义过期天数的方法删除数据,避免误删带来的损害,还可以将数据跨地域存储,防止一些不可抗因素导致的数据丢失。数据保险箱支持通过控制台、API 等多样化方式快速简单接入,实现海量数据的存储管理。您可以使用数据保险箱对文件数据进行上传、下载,最终实现数据的安全存储和提取。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档