Vue 随记

前言 当我们进行前端开发项目的时候都需要一些构建工具，像 Webpack、Rollup、Snowpack、Vite 等构建工具，而在 Vue3 的官方文档中的创建应用例子使用了 Vite，那么问题来了

前言 我们在 vue 项目的目录中经常看到 env 开头的文件，在文件内声明一些变量，这些变量就是一些配置变量，在不同环境下可使用的变量。 环境 项目的运行不止在我们敲代码的时候，还在正式使用时等等，

Hook 作用 在 vue3 中的 Composition Api 不同于 vue2 中 Option Api 的写法，选项式的 data 、methos、computed、watch，让功能中的内容

在项目中可能会存在多个页面使用的数据是一样的，在不同页面中需要使用同一数据，这时候我们可以使用本地存储我们要使用的数据，在 vue 中我们有更加灵活和方便来处理这个问题。 Pinia 有着两种使用的方

路由官网 router 路由指的是地址 url 与组件的映射关系，根据不同的 url 地址展示不同的内容或页面，通过 url 的变化实现页面的局部变化，而不用整体刷新页面。 引入 在一开始使用 npm

项目准备 Visual Studio Code VSCode 有着各种方便我们开发的插件，能让我们更加舒心的编写代码。 为 Vue3 和 TS 安装一些插件来方便我们开发 Volar 解决了 temp

vue3 的响应式 利用 ES6 的 proxy 对对象进行代理，拦截对象中任意属性的变化，并通过 Reflect 反射对被代理对象的属性进行操作。 相比于 vue2 的响应式，可以动态监听到属性的变

切换主题通常是日常模式和暗夜模式，通过页面按钮点击使页面呈色调为白色或黑色。 当前使用 sass ，配合 Pinia 去做到简易的切换主题功能。 sass 使用 sass 去配置页面主题对应的 css