摘要：
门户网站的新闻、公告等文章，内容可配置，故引入 wagneditor 1、安装： npm i wangeditor 2、方便调用，抽成组件： <template> <div ref='editor'></div> </template> <script setup> import { ref, on 阅读全文
摘要：
奈何 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 阅读全文
摘要：
安装必要的依赖： 调用： 效果： 阅读全文
摘要：
vite 官方默认的配置，如果资源文件在assets文件夹打包后会把图片名加上 hash值，但是直接通过 :src="imgSrc"方式引入并不会在打包的时候解析，导致开发环境可以正常引入，打包后却不能显示的问题。 vite官方文档的解释：https://vitejs.bootcss.com/gui 阅读全文
摘要：
这两天又捡了捡 vue，忽然觉得 build 一下是有必要的，那想检验 build 是否成功，就需要个服务端来验证一下，apache tomcat 、ngnix 就不说了，直接整一个更简单的。 首先还是百度了一番，最后找了个靠谱的尝试了一下，不过这个文章多少还是有些问题，改了改差不多能用了。 （参考 阅读全文