本文简单介绍了油猴脚本开发步骤以及实现，结合 webpack 让脚本实现工程化，并且配合 github action，让脚本实现自动化构建和部署。

Pinia 是一个用于 Vue 的状态管理库，类似 Vuex, 是 Vue 的另一种状态管理方案 Pinia, 支持 Vue2 和 Vue3

目前setup sugar已经进行了定稿，vue3 + setup sugar + TS的写法看起来很香,用起来也爽。

父组件通过给子组件传值，子组件通过props接收，同时使用watch监听父组件传值的变化，然后动态的修改弹窗组件中visible的值 ，当子组件关闭弹窗的时候 通过emit发布通知父组件

「这是我参与11月更文挑战的第2天，活动详情查看：2021最后一次更文挑战」 Map基本使用 🍇【定义】：一个带键的数据项的集合 🍈【区别】：像一个 Object 一样，它们最大的差别是 Map 允许

组件之间的数据传递 父传子props 父子之间的数据传，父组件的数据，通过props 传递给子组件，传递的方式与之前的vue2 的语法没有变化，但是在子组件接收父组件传递过来的数据，接收的方式发生了一

其实Vue官方从2.6.X版本开始就部分使用Ts重写了。 我个人对更严格类型限制没有积极的看法，毕竟各类转类型的骚写法写习惯了。 1. 使用官方脚手架构建 新的Vue CLI工具允许开发者 使用 TypeScript 集成环境 创建新项目。 只需运行vue create my-…

还记得刚体验 script setup 语法糖的时候，编辑器提示我这是一个实验性的提案，要使用的话，需要固定 Vue 版本。 而在 6 月底，该提案被正式定稿。

``` //vite.config.ts server: { port: '3000', open: false, //自动打开 base: "./ ", //生产环境路径 proxy: { // 本