代码
vue2 自动路由vue2 自动路由 每次在 views 下添加页面后，都需要去配置路由，总是手动去设置，会比较麻烦 于是研究了一下根据目录结构自动生成路由，这样在 views 下添加文件之后就会自动生成路由了 先查看需要的路由结构 通过 webpack 的 require.context 获取目录路径 首先删除尾部的.vue 通过.s... 代码
vue 异步 emit 实现vue 异步 emit 实现 背景 在 Vue 开发中，我们经常需要在父子组件之间进行通信。通常情况下，$emit 是同步的，但有些场景下我们需要异步触发事件，比如： 1. 在异步操作完成后触发事件 2. 需要确保在下一个 tick 中触发事件 3. 在组件销毁后仍然需要触发某些事件 同步 emit 的问题 先来看看同...
代码
Vue 3 使用 attrs 二次封装组件Vue 3 使用 attrs 二次封装组件 背景 在 Vue 3 开发中，组件封装是一项核心技能。通过二次封装，可以将第三方组件或基础组件扩展为更符合业务需求的定制组件。Vue 3 提供的 attrs API 为组件封装带来了极大的便利，它允许我们轻松地将未被组件声明为 props 或 emits 的属性传递给子组件。...
代码
Vue 3 Pinia 状态管理Vue 3 Pinia 状态管理 背景 在 Vue 3 开发中，状态管理是一个重要的话题。Pinia 作为 Vue 官方推荐的状态管理库，取代了 Vuex，提供了更简洁的 API、更好的 TypeScript 支持和更灵活的架构。 Pinia 的主要优势包括： 1. 简洁的 API：摒弃了 Vuex 中的 mutati...1