type
status
date
slug
summary
tags
category
icon
password
来源
片断（Fragment）
用于解决在一个组件中返回多个根元素的问题
Teleport（瞬移）
允许我们将组件的内容追加到任意的DOM元素中
在index.html里写一个标签并写一个类名或者id名
用<teleport to=’id名或者类名’>
pinia（小菠萝）
组合式Api的Vue状态管理库
使用
export let 变量=defineStore(名,()⇒{})
export let 变量=defineStore(名,{
state:()⇒{},
getters:{
获取存放的数据
},
actions:{
修改数据
}
})
组件里：let 新变量=pinia.ts里的变量()
持久化存储
安装
npm i pinia-plugin-persistedstate
使用
在Main.ts里
import piniaPersist from ‘pinia-plugin-persistedsate’
const pinia = createPinia()
pinia.use(piniaPersist)
app.use(pinia)
app.use(router)
在pinia里
export let 变量 = defineStore(名,()⇒{},{persist:true})
父子组件传参
父传子
defineProps()
子传父
defineEmits()
defineModel()
父组件和子组件的数据保持一致，子组件变更了，会触发父组件绑定的值一起更新
keepAlive
可以在包含被包裹组件的组件树上，将其所有子组件都缓存起来，而不会销毁它们
新的生命周期钩子函数
activated:当组件被激活（插入到DOM）时调用
deactivated:当组件被停用（从DOM中删掉）时调用
- 作者:昕昕丶未来不是梦
- 链接:https://pisce.buzz/article/web_vue3_03
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。