ruancexiaoming的博客

这些都是Vue3开发中常见的工具和库，它们分别在不同的方面帮助开发者提升开发效率和应用功能：Vite：axios：vue-router：pinia：pinia-plugin-persistedstate：element-plus：Sass：UnoCSS：vue-echarts：Mock.js：unplugin-auto-import：unplugin-icons 和 unplugin-vue-components：@vueuse/core：

在 Vue3 中，component 动态组件的 is 属性必须绑定的是组件实例，而不是组件名字。所以需要在JS里面导入组件，创建一个对象存储，利用键值对，返回组件。

自动导入使用和从 iconify 中自动导入任何图标集。完整vite.config.js参考模板。

refresh token的目的是在access token过期后，无需用户重新登录，客户端可以使用refresh token向认证服务器申请新的access token。为了保证安全性，refresh token一般具备一定的安全措施，例如限制其使用次数（防止无限刷新）、设置有效期（过期后必须重新登录）以及严格的存储策略（通常不会在客户端明文存储，而是存储在服务器端或经过加密存储在客户端本地）。用户登录时，通过用户名、密码或其他认证方式向认证服务器请求授权。src目录下创建以下两个文件。

你也可以在这个阶段发送请求，但需要注意的是，由于此时DOM还没渲染，所以不适合对DOM进行操作。而在mounted阶段，组件已经挂载到了DOM上，所以可以在请求完成后再对DOM进行操作，但一般来说，获取数据最好放在created阶段。组件实例被创建完成后，此时所有实例属性已经初始化，但DOM还没有渲染，你可以在created钩子中发送请求，获取数据，然后将数据赋值给组件的响应式数据属性。在这种情况下，你可能需要在activated钩子中发送请求以获取最新的数据。

当计算属性所依赖的数据没有发生变化时，它会复用上次计算的结果，不会重新执行计算函数。如果需要在数据变化后执行异步任务，并且任务完成后还需要进一步更新数据或视图，watch是合适的选择。每当监听的属性发生变化时，无论变化前后值是否一样，都会立即执行监听函数。当任何一个影响到计算属性结果的响应式依赖项发生变化时，Vue会自动触发重新计算，并更新缓存。当其依赖的任何响应式数据发生变化时，Vue会自动重新计算该属性的值，并更新相关联的DOM。watch是更显式的观察者，用于监听特定数据的变化并执行相应的回调函数。

vue3.0+ant-design-vue环境配置环境配置先安装nodejsnodejs配置vue-cli安装npm install -g @vue/cliyarn global add @vue/cli创建项目vue create 项目名安装ant-design-vuenpm install ant-design-vue --saveyarn add ant-design-vuenpm info antd【查看安装版本】npm install --save @ant-desig

vue延迟播放1、显示的控制（利用setTimeout控制v-show）2、 CSS的设置（可以使用transition+transition-delay控制，animation+animation-delay也可以但是初始就显示了）1、显示的控制（利用setTimeout控制v-show）这里利用了mounted() 生命周期函数，实现页面自动播放<template> <div class="container"> <transition name="bounce