学习主题

Vue 学习笔记

以下内容为我自学 Vue 时整理的个人理解,供自己复习。站点不提供教程售卖或咨询服务。

响应式:ref 与 reactive

基础概念、使用取舍,以及自己踩过的类型与解构坑。

Vue 3Composition API

组件通信整理

父子通信、跨层注入,以及什么时候才考虑集中式状态。

组件状态

Vue Router 入门笔记

路由配置、动态参数与简单导航守卫的个人备忘。

路由

v-if 和 v-show,我怎么选

按切换频率和首次渲染成本,整理自己的选择习惯。

模板性能感

computed 和 watch:别混着用

一个负责派生结果,一个负责旁路动作,写乱了就难查。

Composition API

生命周期:我真正常用的就几个

不背完整清单,先把常用钩子的职责记牢。

生命周期

表单和 v-model 的几个实战习惯

从简单绑定到自定义组件,整理自己不容易返工的写法。

表单v-model

v-for 的 key,我为什么较真

key 不只是消警告,它直接影响列表更新是否按你预期走。

列表key

插槽:让布局组件别那么死板

默认插槽、具名插槽,以及我什么时候才会上作用域插槽。

插槽组件

什么时候该抽出 composable

不是为了优雅而抽,而是同一套状态逻辑开始重复时再抽。

composables

上 Pinia 之前,我先问自己三句

状态管理不是标配,跨页面共享且生命周期较长时才值得引入。

状态管理

scoped 样式:隔离有用,穿透要少

默认 scoped 保平安,深度选择器只留给不得不改的子组件外观。

样式

前端请求层:我给自己定的薄约定

组件里不直接拼 URL,统一出口处理错误提示与加载态。

请求工程习惯