Vue3 理解 ref 和 reactive 的用法、区别Vue3 新出的这俩属性 ref / reative 跟 Vue2 中的 data 一样是用来定义数据的，使用了这两个后， data 基本就用不到了，下面是笔者对这两个属性的一个总结：ref 常用于基本类型：Boolean / Number / String / ...reactive常用于引用类型：Object / Array ....用

Babel 给 ES6/7/8/9 Typescript、React / Vue3 JSX 等"语法糖"带来无限的可能。

在 Vue3 中使用 TS 时，父组件通过provide函数注入的数据类型往往是未知的，而子组件调用inject引入数据时也无法确定具体的数据类型是什么，这就产生了可维护性问题，比如某位同事写了下面这段代码时import {对于colors导数的数据类型我们并不知道是什么，它可以是对象 or 数组亦或是字符串，只能顺瓜摸藤找到它的 provide，对于小项目找一下可能不花费什么时间，但对于大型项目

关于 Vue3 reactive 函数嵌套 computed / inject / props 的情况

Vue3 JSX 插槽、v-model 的用法以及与 React JSX 的区别。

Vue3 如何使用 vue-router 以及路由权限拦截

通过上面案例我们还能清楚的看到父组件和子组件任意方改动数据时都会同步更新，但建于后续的维护，官方的推荐做法是由调用。属性，这里就会有问题，如果父组件的数据需要送到 N 层子组件，那么就要传递 N 次。多层嵌套的问题，有了它，只需声明一次数据就够了，使用方式也很简单。本文就到这里，对于使用 TS 项目的同学，建议前往。父组件中管理并提供函数，子组件只需引入调用即可。函数的组件负责维护，这里便是由父组

目前网上大部分的打包流程都不能满足我的理解和需求，而官方的解释也只说明一半，这次我就干脆将 vite/vue-cli 这两者的打包流程详细梳理下。在 vue-cli 使用打包项目后，默认会提供一个入口（通常是 index.html），然后引入一个 js 入口文件完成页面的渲染。其实 vue-cli 还支持将项目作为一个库的方式来进行打包，这里需要借助命令 ，此命令会将入口文件打包成一个库吗，具体可

Vue3 轻松理解 toRef 和 toRefs 的作用、用法、区别，并举例一些简单案例。

详细解释 husky、prettier、eslint、lint-staged 的作用