Vue3 单文件组件 ＜script setup＞＜/script ＞ 组件通信方式

1.props

//接收父组件数据

//使用单文件组件语法 props 传值方法 要使用defineProps方法,这个是不需要引入的

//子组件



//父组件
let propA=ref("你好,Vue3")
let propB=reactive({msg:"你好,Vue3"})

2. emit

//用于子组件传父组件

//defineEmit 自定义事件

//子组件



//父组件


	

3.provide/inject  适用于祖代传后代

祖代组件




子组件

5访问父组件实例 

//子组件

// 父组件

6.vuex

import { useStore } from 'vuex';
const store = useStore();
console.log(store.state.count)//存储数据
console.log(store.commit("increment","参数")) //同步方法
console.log(store.getters.count)//计算属性
console.log(store.dispatch("increment","参数")) //异步方法
console.log(store.state.modulesName)// 模块化