首页 > 其他分享 >vue3中inject无法获取provide传递的最新的值

vue3中inject无法获取provide传递的最新的值

时间:2022-09-28 15:47:55浏览次数:56  
标签:const computed provide getList state inject vue3

// 爷组件  import { defineComponent, reactive, toRefs, onMounted, provide ,computed} from 'vue';  const state = reactive({       tableData: [],   });   // 因为数据是异步的所以需要使用computed   provide('myList',computed(() => state.tableData))   const getList = async () => {      const res = await getList();      state.tableData = res.list || []   }      onMounted(() => {       getList ();    });

 

// 孙组件
import { defineComponent,inject } from 'vue';
  const mylist = inject('myList')

 

标签:const,computed,provide,getList,state,inject,vue3
From: https://www.cnblogs.com/huanhuan55/p/16738269.html

相关文章

  • vue3 ts 类式写法的mixins
    vue-property-decorator混入(mixins)//mixins.tsimport{Vue}from'vue-property-decorator'classMixinsextendsVue{publicname='混入'publicsay......
  • Vue3知识点之数据侦测
    Vue的核心之一就是响应式系统,通过侦测数据的变化,来驱动更新视图。实现可响应对象的方式通过可响应对象,实现对数据的侦测,从而告知外界数据变化。实现可响应对象的方式:ge......
  • vue3脚手架中ts无法识别引入的vue文件,提示找不到xxx.vue模块的解决
    使用vite搭建vue3脚手架的时候,发现main.ts中引入App.vue编辑器会报错,但是不影响代码运行。报错信息:TS2307:Cannotfindmodule'./App.vue'oritscorrespondingtyped......
  • vue3 封装el-table时,构造$children(类式写法)
    由于业务需求(组件封装),需要在获取el-table下面的el-table-column实例在vue2.x当中直接使用this.$children就可以获取到该实例但是vue3.x弃用了$children,官方建议使用$......
  • Vue3源码解读之patch
    例子代码本篇将要讲解domdiff,那么咱们结合下面的例子来进行讲解,这个例子是在上一篇文章的基础上,加了一个数据变更,也就是list的值发生了改变。html中增加了一个按钮change......
  • vue3+vant+vue-router+axios+pinia+vite框架搭建
    vue3的官网地址:https://cn.vuejs.org/;这里要说一下,vue3不支持IE11,如果要兼容IE11及其一下,不建议使用vue3。创建vue脚手架,如果你需要使用ts,则需要node版本>=16。本文按照......
  • Vue3中v-model的基础使用
    v-model绑定的不再是value,而是modelValue,接收的方法也不再是input,而是update:modelValue。使用方法如下:<ChildComponentv-model="title">它是下面这种写法的简写:<Ch......
  • 使用vite创建vue3项目
    1.使用npm安装:npminit@vitejs/app如果遇到报错请使用下面的命令npminstall-gcreate-vite-app2.使用vite创建vue3项目:npminitvite-appprojectName3.安......
  • Vue3之script-setup全面解析(转载)
    可能很多同学(包括我)刚上手Vue3.0之后,都会觉得开发过程似乎变得更繁琐了,Vue官方团队当然不会无视群众的呼声,如果你基于脚手架和.vue文件开发,那么可以享受到更高效率......
  • vue3 基础-插件 plugin
    前几篇我们介绍了mixin混入的的方式能实现对代码的复用,而本篇将要介绍的plugin将会更加适合这种通用性功能的代码的复用和扩展.最常用的场景,比如轮播图就非常实用......