做网站树立品牌形象佛山市和城乡建设局网站首页

目录:一篇通识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