12 2024 档案
摘要：直接上代码 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import viteCompression from 'vite-plugin-compression'; import { visuali
阅读全文
摘要：1、引入依赖，npm install vuex@next 2、src下新建目录store文件夹 3、main.ts引入store import store from './store'; createApp(App).use(ElementPlus).use(router).use(store).m
阅读全文
摘要：page下新增Login.vue。 src下新建mhttp文件夹，再建login.ts，用来写登录接口。 运行的时候需要先把ts转化为js，运行命令：tsc login.ts，node login.js。 这里不出意外的出了意外 跨域。查了几种方法，都贴一下： 1、请求头设置Access-Contr
阅读全文
摘要：常规列表页包括查询条件部分，与列表部分。查询条件部分包括了表单组件与查询、重置按钮；列表部分包括操作按钮与翻页列表。 1、封装表单组件。 components下新建MForm.vue文件，这个组件集成element-plus常用表单元素。复杂度还可以，直接贴代码 {{radio.bindObject
阅读全文
摘要：1、npm install axios 引入axios 2、src下新建http.ts，可根据项目实际情况配置 import axios from 'axios'; const http = axios.create({ baseURL: 'http://localhost:8080', // 基础
阅读全文
摘要：1、npm install vue-router 引入vue-router main.ts增加配置 import router from './routes' createApp(App).use(router) 2、src下新建目录routes，新建index.ts // index.ts imp
阅读全文
摘要：1、创建Vite + Vue 项目 $ npm create vite@latest manage -- --template vue 如果报错，升级一下自己的npm，达到npm 7+，Node.js 版本 18+ 或 20+ 这里我本地升级nodejs遇到了阻碍。公司电脑wind10的，设置有安全
阅读全文
摘要：本地是vue环境，所以拿vue项目练习。 1、创建一个父项目，两个子项目 vue create parent vue create children-one vue create children-two 2、打开主项目，引入qiankun cd parent npm i qiankun -S 这里
阅读全文
