provide和reject

使用场景

在这里插入图片描述

使用方法

父组件发送

  // 1、发送一个死值
  provide: {
    
    
    user: 'John Doe'
  },

 // 2、访问this
 provide() {
    
    
    return {
    
    
      todoLength: this.todos.length
    }
  },

// 3、发送响应式数据
provide() {
    
    
    return {
    
    
      todoLength: Vue.computed(() => this.todos.length)
    }
  }

子组件接收

inject: ['todoLength'],

猜你喜欢

转载自blog.csdn.net/weixin_43848576/article/details/116660989
今日推荐