vue3
2023-07-20 21:31:51 0 举报AI智能生成
vue3学习
作者其他创作
大纲/内容
项目工程化
git
eslint
prettier
styleLint
vscode 保存格式化代码
husky
commitLint
scripts/preinstall.js
路由
未挂载时的路由实例、useRouter、useRoute
路由菜单
UI菜单
递归组件
UI菜单激活当前
刷新锁定
面包屑
route.mattas
鉴权
premission
router.beforeEach
有token
/login
非/login
有username
next()
无username
获取userInfo成功
next({ ...to })
获取userInfo失败
logout
无token
/login
非/login
获取 userInfo api 成功时处理
asyncRoutes深拷贝
递归过滤动态路由
处理路由 DATA
addRoute
处理菜单 UI
路由钩子
router.beforeEach
router.afterEach
document.title
动态路由
addRoute
getRoutes
数据集中式管理
pinia
axios
拦截器
api封装
洗数据(傻B后端)
拓展
自定义指使
各种不常用API ...
上线
Linux
nginx
组件
组件本质jsx
组件分类
控制
非受控组件
受控组件
路由
路由组件
非路由组件
关系
父子组件
兄弟组件
祖孙组件
组件通信(重点)
:fn="handleFunc(params)"
props
defineEmits(['xxx','click'])
const $bus = mitt()
v-model
:="$attrs"
ref与$parent
provide与inject
pinia
slot
三大核心属性
attrs
props
refs与事件处理
组件实例生命周期钩子(14个)
各种钩子瞬间
组件实例生命周期钩子(14个)
常用(8个)
onBeforeMount
onMounted
onBeforeUpdate
onUpdated
onBeforeUnmount
onUnmounted
<KeepAlive>
onActivated
onDeactivated
用的少(4个)
onErrorCaptured
dev环境下
onRenderTracked
onRenderTriggered
onServerPrefetch
仅vue2(2个)
created
beforeCreate
其它钩子vue3都有, 只是写法不同
路由钩子
router.beforeEach
router.afterEach
数据钩子
computed
watch
DOM钩子
nextTick
:ref="fn"
事件
@click
$event
TS
语法
tsconfig.json
@types/node
进阶
SSR
性能优化
源码
Virtual Dom
jsx
babel
Diffing
proxy
0 条评论
下一页
