vue3.0中provide和inject实现响应式传值

父组件中

provide() {
    return {
      screen: ref(this.screen),
    }
 },

子组件中
inject: ['screen'],
或者用computed函数,像官网的例子一样,传入getter函数

provide() {
    return {
      screen: computed(()=>this.screen),
    }
  },
posted @ 2021-03-16 10:13  球球不吃虾  阅读(2197)  评论(0编辑  收藏  举报