![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
月影星云
这个作者很懒,什么都没留下…
展开
-
vue3路由配置
vue3路由配置原创 2023-02-28 14:03:05 · 324 阅读 · 1 评论 -
vue3的axios请求封装
vue3的axios请求封装原创 2023-02-24 10:30:07 · 134 阅读 · 0 评论 -
vue3实战-axios请求封装(get、post、put、delete)
1、在src目录下创建http文件夹,在http文件夹下分别创建index.js、request.js、api.js2、index.js的作用:用于导出api.js定义的所有接口,代码如下export * from './api';3、request.js代码如下:import axios from 'axios';import buildURL from 'axios/lib/helpers/buildURL';import { merge } from 'axios/lib/utils';原创 2022-04-20 09:13:55 · 5550 阅读 · 0 评论 -
vue3实战-vue.config.js配置
const { defineConfig } = require('@vue/cli-service')module.exports = defineConfig({ //基本路径 publicPath: process.env.NODE_ENV === 'production' ? './' : '/', //输出目录 outputDir: 'dist', //指定生成的文件 indexPath: 'index.html', //vue兼容ie transpileDep原创 2022-04-13 15:47:41 · 2030 阅读 · 1 评论 -
vue3实战-子组件之间相互传值
1、引用第三方库mittnpm install mitt2、在项目src文件夹下创建utils文件夹,在utils创建mitt.js,mitt.js中的代码如下:import mitt from "mitt";export default new mitt();3、示例:组件A传值给组件B//在组件A中引入import mitt from "@/utils/mitt";//调用传值mitt.emit("mittClick", "数据数据数据");//在组件B中引入import原创 2022-04-12 13:50:45 · 1813 阅读 · 0 评论 -
vue3实战-如何解决vue3项目打包发布到服务器后访问页面显示空白问题
1、处理vue.config.js文件中的publicPath,处理如下:const { defineConfig } = require('@vue/cli-service')module.exports = defineConfig({ publicPath: process.env.NODE_ENV === 'production' ? './' : '/', outputDir: 'dist', indexPath: 'index.html', lintOnSave: false,原创 2022-03-21 08:58:32 · 4985 阅读 · 0 评论 -
vue3实战-项目安装
1、安装node环境,看node.js、npm是否安装:node -v npm -v2、全局安装vue脚手架:npm install -g @vue/cli3、查看vue版本:vue -V(大写V)4、创建项目:vue create projectname(projectname不能 有大写字母)5、您与默认npm注册表的连接似乎很慢,使用https://registry.npmmirror.com为了更快地安装,选择y(yes)6、请选择一个预设,一般选第三个,手动选择功能原创 2022-03-02 10:25:05 · 731 阅读 · 0 评论