本文主要是介绍Vue3.0云里雾里,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
目录:一篇通识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
这篇关于Vue3.0云里雾里的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!