HUANG QING BLOG

天行健,君子以自强不息。地势坤,君子以厚德载物。

Learn Vue - plugins

plugins

Vue3 插件 插件是自包含的代码,通常向 Vue 添加全局级功能。它可以是公开 install() 方法的 object,也可以是 function 插件的功能范围没有严格的限制——一般有下面几种: 添加全局方法或者 property。如:vue-custom-element 添加全局资源:指令/过滤器/过渡等。如:vue-touch ...

Learn Vue - Router

路由管理

完整的导航解析流程 导航被触发。 在失活的组件里调用 beforeRouteLeave 守卫。 调用全局的 beforeEach 守卫。 在重用的组件里调用 beforeRouteUpdate 守卫(2.2+)。 在路由配置里调用 beforeEnter。 解析异步路由组件。 在被激活的组件里调用 beforeRouteEnter。 调用全局的 befor...

Vue 组件通信的方式

props 父组件 向 子组件 传递值 在父组件中引入子组件 注册子组件 在页面中使用,子组件标签上 动态绑定传入动态值 / 静态值 在子组件中,使用 props 来接受 父组件 传递过了的值 子组件接收的父组件的值分为引用类型和普通类型两种: 普通类型:字符串(String)、数字(Number)、布尔值(Boolean)、空(Null) 引用类型:...

markdown preview enhanced

markdown preview enhanced

tsconfig

使用tsconfig.json 不带任何输入文件的情况下调用tsc,编译器会从当前目录开始去查找tsconfig.json文件,逐级向上搜索父目录。 不带任何输入文件的情况下调用tsc,且使用命令行参数--project(或-p)指定一个包含tsconfig.json文件的目录。 配置项 compilerOptions : 编译配置 files : 指定一个包含相对或绝对...

PostCss


ESbuild

An extremely fast JavaScript bundler

esbuild esbuild io 介绍 Major features: Extreme speed without needing a cache ES6 and CommonJS modules Tree shaking of ES6 modules An API for JavaScript and Go TypeScript and JSX synt...

lerna

monorepo

参考资料 工程配置

Vite 插件

Vite Plugin

Vite插件是什么 使用Vite插件可以扩展Vite能力,比如解析用户自定义的文件输入,在打包代码前转译代码,或者查找第三方模块。 Vite插件的形式 Vite插件扩展自Rollup插件接口,只是额外多了一些Vite特有选项。 Vite插件是一个拥有名称、创建钩子(build hook)或生成钩子(output generate hook)的对象 通用钩子 在开发中,Vi...

monorepo

使用 lerna 和 yarn 构建 monorepo 项目

使用 lerna 和 yarn 构建 monorepo 项目,核心思想是 用 yarn 来处理依赖问题,用 lerna 来处理发布问题。 Monorepo Monorepo(monolithic repository) 是管理项目代码的一个方式,指在一个项目仓库 (repo) 中管理多个模块/包 (package),不同于常见的每个模块建一个 repo 多个项目的代码放在在同一存...