02 2023 档案
摘要:奈何 element 自带的图标太少,不够用,故打算使用 vite-plugin-svg-icons 组件来封装 svg-icon 。 ps: ui 框架选用的 element-ui,为了能跟 vue3 更好的结合,还得装个 element-plus。 首先就是安装:npm install vite
阅读全文
摘要:在后端接口没做好之前,为了更好的模拟接口返回,引入 mockjs。 它可以拦截 ajax 请求,生成伪数据。 1、安装: npm i mokjs -D、npm i vite-plugin-mock -D 2、在 vite.config.js 中引入 viteMockServe,mockPath 即为
阅读全文
摘要:引入 pinia 来方便处理全局变量。 npm install pinia 1、创建 pinia 2、main 中引入(我这里是直接写的 index,所以导出的是 stores) 3、定义变量 使用: 注: 开发门户项目过程中,遇到了多个路由使用复用同一个页面的情况,内容显示标题为跳转携带参数传递,
阅读全文
摘要:路由配好了,需要调试下 build 后是否可用,这时我们需要一个服务端来运行静态网页。 官网直接下载一个 windows 版本的 ngnix 即可: http://nginx.org/en/download.html 下载解压后: 命令行到此路径,启动 ngnix: 默认 80 端口: 常用配置在
阅读全文
摘要:从 0 到 1搭建门户网站,记录一下。 因为需求不大,所以比较简单,门户和后台管理直接一个项目出来,路由配置则想的是: 1、门户,用 /portal 标识 2、后台管理,用 /admin 标识 3、登录,用 /login 标识 vue-cli 搭建好初始项目后,直接配置路由: 门户路由: 登录: 后
阅读全文
摘要:1、直接绑定 v-model,但是 Props 要固定为 modelValue 组件D: 注意这里的 Props 和 Emits,必须使用 Vue 提供的 defineProps() 和 defineEmits()。 如果父组件想要使用 v-model 直接绑定,则需要使用与 modelValue
阅读全文