江城的博客

自动注册自定义指令 最近在学习vue自定义指令，并用来搭建权限系统。看了挺多的，大部分都差不多，大家都是一个一个 import + export 这样去编辑指令入口，更有甚者，直接在main.js中挨个引入，这样会导致main.js异常壮大，不利于维护，下面这个案例是我看的一个博主写的批量注册指令的文章。他算是做到了一步优化。定义一个入口文件，在该文件中注册指令，然后在main.js中引入并注册达到全局批量注册的效果 // 批量注册指令，新建 directives/index.js 文件 import co

相信看到这篇文章的读者，已经安装并完成基本的项目配置，那我们跳过安装与介绍这一步，我们先从项目相关的配置讲起： 模式是 Vue CLI 项目中一个重要的概念。默认情况下，一个 Vue CLI 项目有三个模式： development 模式用于 vue-cli-service serve test 模式用于 vue-cli-service test:unit production 模式用于 vue-cli-service build 和 vue-cli-service test:e2e 也就是项目中的 .

首先我们从vue3文档开始 vue3的新特性 组合式 API Teleport 片段 触发组件选项 createRenderer API 来自 @vue/runtime-core 创建自定义渲染器 单文件组件组合式 API 语法糖 (1，什么是组合式API？ 平时使用vue开发的小伙伴没不难发现，在我们封装组件的时候大部分使用组件的选项（data、computed、methods、watch）组织逻辑在大部分情况下都是有效。然而当我们组件变得更大时，逻辑关注点列表增加，组件中的代码量越来越大，导致维护起