第三十节——组合式API组件传值

一、父传子

子组件

父组件

子组件

二、子传父

父组件

子组件

三、祖孙传值

上级组件

孙级组件

四、同级组件

推荐使用状态管理，这里简单介绍一下vuex的使用

1、定义store

import { createStore } from 'vuex'

// 创建一个vuex并导出
export default createStore({
  state: {
    num: 1
  },
  
  mutations: {
    add (state) {
      state.num += 1
    }
  }
})

2、在页面中使用

五、自定义组件使用v-model

封装input组件实现并实现双向绑定

1、父级组件

2、子组件