萬事順意 - 博客园

2024年3月14日

摘要： 1.默认情况下,打包好的文件需要房子啊服务器的根目录下，如果希望能够双击运行，需要配置pacblicPath为相对路径 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ publi 阅读全文

posted @ 2024-03-14 12:23 萬事順意阅读(27) 评论(0) 推荐(0)

Vue — 导航守卫

摘要： Vue 的导航守卫是 Vue Router 提供的一种机制，用于在导航过程中对路由进行控制和管理。通过导航守卫，你可以在路由导航前、导航后、以及路由更新前后等不同阶段执行特定的逻辑操作。全局前置守卫 (Global Before Guards): beforeEach(to, from, next 阅读全文

posted @ 2024-03-14 12:07 萬事順意阅读(54) 评论(0) 推荐(0)

Vue — 请求模块、api模块封装

摘要： 1.请求模块 import axios from 'axios' const request = axios.create({ baseURL : '',//请求的域名地址 timeout : 5000, }) request.interceptors.request.use((config)=>{ 阅读全文

posted @ 2024-03-14 11:06 萬事順意阅读(94) 评论(0) 推荐(0)

2024年3月13日

Vue — Vuex模块

摘要：目的：由于Vuex使用的是单一状态树，所有的应用状态都会集中到一个比较大的对象。所以我们拆分store,每一个组件的store创建一个单独的模块，便于维护。 1.创建modules文件夹 2.配置子模块 const state = { userInfo :{ name : '巧克力的雨天', age 阅读全文

posted @ 2024-03-13 22:21 萬事順意阅读(47) 评论(0) 推荐(0)

Vue — VueX

摘要：一、VueX概述 1.概述： vuex是一个vue的状态管理工具，状态就是数据；可以帮助我们管理vue通用的数据（多组件共享的数据） 2.场景：（1）某个状态在很多个组件中使用例如个人信息（2）多个组件共同维护一份数据例如购物车 3.优势：（1）共同维护一份数据，数据集中化管理（2）阅读全文

posted @ 2024-03-13 17:03 萬事順意阅读(107) 评论(0) 推荐(0)

2024年3月12日

React — 请求模块(http)封装、API模块封装

摘要：一、请求模块封装 //axios封装 //根域名配置 //超时 //请求拦截器/响应拦截器 import axios from 'axios' const http = axios.create({ baseURL : "", timeout : 5000 }) // 在发送请求之前拦截插入自定义阅读全文

posted @ 2024-03-12 17:42 萬事順意阅读(593) 评论(0) 推荐(0)

React — react配置@路径

摘要：通常情况下，@ 路径是作为一个别名来使用，用于指向项目的根目录。这样做的好处是可以简化模块导入时的路径书写，使代码更加清晰和易读。别名路径配置 1.路径解析配置（webpack），把@/ 解析为 src/ （1）下载插件 craco npm i -D @craco/craco （2）项目根目录下创阅读全文

posted @ 2024-03-12 17:34 萬事順意阅读(787) 评论(0) 推荐(0)

React — 路由

摘要：一、路由的使用 1.安装react-router-dom npm i react-router-dom 2.配置（1）创建router实例对象并且配置路由对应关系（2）路由绑定 import {createBrowserRouter,RouterProvider} from 'react-rou 阅读全文

posted @ 2024-03-12 16:47 萬事順意阅读(1099) 评论(0) 推荐(0)

Vue — 路由

摘要：一、路由的使用步骤 1.Vue2.0版本下载对应路由3.6.5版本 yarn add vue-router@3.6.5 / npm i vue-router@3.6.5 2.引入路由包 import VueRouter from 'vue-router'; 3.安装注册 Vue.use(VueRou 阅读全文

posted @ 2024-03-12 14:31 萬事順意阅读(115) 评论(0) 推荐(0)

2024年3月11日

Vue — 插槽

摘要：一、默认插槽：默认插槽是最常见的插槽类型。它允许我们在组件中插入任意内容，并且如果没有指定具名插槽，则会将内容插入到默认插槽中。 //子组件 <template> <div> <h1>组件标题</h1> <slot></slot> </div> </template> //父组件 <templat 阅读全文

posted @ 2024-03-11 20:40 萬事順意阅读(28) 评论(0) 推荐(0)