目录 场景 配置Pinia 配置permission.js 总结 场景 网站中，通常用户登录后后端返回token给前端，前端存储在本地并且在每次发送请求时携带，如果用户未登录（没有token）就想访问网站内部的网页...

目录 引言 创建自定义指令 全局自定义指令 局部自定义指令 自定义指令的生命周期钩子 示例：带参数和修饰符的自定义指令 引言 在 Vue 3 中，封装自定义指令可以帮助你更好地复用一些常见的DOM操...

目录 一、配置Vite以支持旧版浏览器 二、使用Babel进行代码转译 三、测试与调试 四、注意事项 一、配置Vite以支持旧版浏览器 指定构建目标 Vite默认支持的是较新的浏览器版本。为了兼容低版本浏...

目录 什么是 Props？ Props 的工作原理 示例：使用 Props 的简单组件 什么是 Emit？ Emit 的工作原理 示例：使用 Emit 的事件传递 总结 什么是 Props？ 在 Vue 中，Props 是一种用于在组件之间...

目录 什么是服务端渲染（SSR）？ Vue 3 的 SSR 特性 如何实现 SSR 第一步：环境设置 第二步：创建 Vue 应用 第三步：创建服务器 第四步：客户端重渲染 第五步：测试应用 结论 什么是服务端渲染...

目录 一、onMounted的前世今生 1.1、onMounted是什么 1.2、onMounted在vue2中的前身 1.2.1、vue2中的onMounted 1.2.2、Vue2与Vue3的onMounted对比 1.3、vue3中onMounted的用法 1.3.1、基础用法 ...

目录 在Vue3项目中操作MySQL数据库 1.安装MySQL数据库和创建数据库表 2.在后端服务器中实现MySQL数据库操作接口 3.在Vue3项目中使用axios发送HTTP请求 总结 在Vue3项目中操作MySQL数据库 在Vue3...

目录 Vue 3 如何处理模板和渲染函数？ 什么是模板和渲染函数？ 模板的基本结构 渲染函数的使用 选择模板与渲染函数 使用 setup 语法糖 使用渲染函数结合 setup 总结 Vue 3 如何...

目录 引言 什么是懒加载？ Vue 3 的异步组件 基本语法 如何在 Vue 3 中实现懒加载组件 创建一个 Vue 项目 添加异步组件 代码分析 添加加载状态 总结 引言 随着现代前端框架的发展，懒加载作为一...

目录 一、安装插件 二、在Pinia store中使用插件 1.导入Pinia和插件 2.创建Pinia实例并应用插件 3.在store中使用持久化 一、安装插件 首先，需要安装pinia-plugin-persistedstate插件。如果使用...