目录:一篇通识Vue3.0 1.OptionsAPI(选项式)和CompositionAPI(组合式) 2.setup setup语法糖 ref响应式数据 reactive只能定义对象类型的响应式数据(用情专一) toRefs解构 计算属性computed watch侦听 WatchEffect 标签的Ref属性 组件上的ref就是获取组件实例 TS接口,泛型,自定义类 Props传值 Vue3生命周期 Hook s Router 路由工作模式 to的写法 命名路由 嵌套路由 query params(接受的地方query换成params就可以了) 路由props配置 props:true开启路由传参(params) props(query) 编程式路由导航 (脱离router-link实现路由跳转) 路由重定向redirect Pinia集中式状态管理工具 storeToRefs getters 对数据进行进一步的计算 $subscribe 选项式写法 Props传值 子传父 子组件 自定义事件 Mitt 任意组件通信(约等于pubsub,$bus) v-model组件传值、父子双向数据绑定 组件通信$attrs(祖孙) $refs和$parent $parent provide&inject (祖-后代通信) 插槽 slot 具名插槽 带有名字的插槽 作用域插槽 :子组件维护数据,父组件决定展示结构 其他API shallowRef与shallowReactive readonly和shallowReadonly(保护原始数据) toRaw和markRaw