登录免费注册



vue3

首页  思维导图  详情



vue3

2023-07-20 21:31:51   1  举报





AI智能生成

vue3学习

vue

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'])<br>

const $bus = mitt()

v-model

:="$attrs"

ref与$parent

provide与inject

pinia<br>

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

 Collect

Get Started

Vue3学习笔记整理

 Collect

Get Started

vue3挂载和更新流程

 Collect

Get Started

VUE3

 Collect

Get Started

Vue3流程执行图













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document