pinia官方文档Pinia 的优点更多查看文档…在main.js中引入pinia并创建容器挂载到根实例上创建stores文件夹和index.js文件（这个文件以后基本不用管了）在stores文件夹下创建counter.js文件。这个文件就是存有关counter相关的数据。（类似vuex的模块化）defineStore 是需要传参数的，然后再组件中使用：运行效果：可以用vue3的调试工具看pini

自适应：根据不同的设备屏幕大小来自动调整尺寸，大小。响应式：会随着屏幕的实时变动而自动调整，是一种自适应。

> 在说登录功能的时候 已经写好清除token函数了,> 要清除本地存储的token，还有vuex里面存储的token> 清除成功跳转登录页面。# 退出登录功能##1.静态组件完成> **退出登录功能相对来说还是比较简单的，首先先把静态弄好，一般就是点击退出按钮弹出提示操作。我这里就用到element的Message Box组件了**

使用setup语法糖后，不用写setup函数；组件只需要引入不需要注册；属性和方法也不需要再返回，可以直接在template模板中使用。父组件：子组件：运行结果：script setup 是 vue3.2 的新语法糖，并不是新增的功能模块，主要好处有：因为没有了setup函数，那么props，emit怎么获取呢？setup script语法糖提供了新的API来供我们使用。父组件：子组件：运行结果：

今天写项目的准备收尾的时候，想给路由组件切换给一个过渡效果。在开发的过程中遇到一些坑。

因为该插件webpack已经默认安装和集成，所以我们并不需要单独安装和直接使用该插件；只需要提供SplitChunksPlugin相关的配置信息即可；Webpack提供了SplitChunksPlugin默认的配置，我们也可以手动来修改它的配置：比如默认配置中，chunks仅仅针对于异步（async）请求，我们可以设置为initial或者all；SplitChunks自定义配置解析常用配置解析默认

listeners与$attrs(组件通信方式的一种)他们两者都是组件实例的属性,可以获取到父组件给子组件传递的props与自定义事件。

控制台说我分页器组件语法有问题，然后我就去看我的代码，反复看也没有问题，和文档都是一样的语法。后面我一个一个删除运行，当我删除total就没有了警告。total是是后台接口的数据的。我看看是不是数字类型。然后用typeof检查竟然不是Number类型。

var、let、const的区别

pinia官方文档Pinia 的优点更多查看文档…在main.js中引入pinia并创建容器挂载到根实例上创建stores文件夹和index.js文件（这个文件以后基本不用管了）在stores文件夹下创建counter.js文件。这个文件就是存有关counter相关的数据。（类似vuex的模块化）defineStore 是需要传参数的，然后再组件中使用：运行效果：可以用vue3的调试工具看pini