xiaonankeji的博客

在 Vue 3 使用 Vite 构建的项目中，可以通过 .env 文件区分开发环境和生产环境

vue自定义指令，自定义指令传参，自定义指令实现拖拽、防抖

vue配置代理解决跨域问题

组合式应用路由分发：是实现微前端的一种方式，我们以npm包的形式发布组件，然后在基座按需引入。各个npm包可以由不同的团队分开开发，但是开发时也要遵循一定的规范。

我们之所以进行性能优化，目的是为了提升用户体验。 一方面是提高网页的加载速度，另一方面也可以加载引导动画转移用户注意力，让用户觉得快。 今天我们要说的就是首屏优化——加loading动画。一般情况下，首屏加载都比较慢。因为chunk-vendors.xxx.js的体积比较大，没有加载之前页面会白屏，这样用户的体验就很差，我们可以在白屏时用动画替代。

项目在第一次加载时响应很慢，打开控制台会发现，chunk-vendors.xxx.js和chunk-vendors.xxx.css体积较大，占用了大量时间。chunk-vendors.xxx.js保存的是相关依赖的文件，如vue、vue-router、view-design等。 一、按需引入依赖，删除package.js中不用的依赖，这里我们不用国际化，故删除vue-i18n。 二、区分开发依赖和线上依赖。 package.js有dependencies和devDependencies两处放置依赖的位置。

金额在展示时需要千分位处理，但是在提交给后台或是计算时又需要转换为数字。 展示时要处理成千分位，校验和保存时时数字，所以需要两个变量。 金额的校验 金额的格式化处理 完整代码如下：表单的校验需要借助组件iview。 <template> <div class="define-budget-org"> <h4>采购申请</h4> <div class="top"> <Form :label-width="8

一 . 安装 vue cli npm install -g @vue/cli 二 . 创建项目 vue create ‘项目名’ vue create hello-world 1、选择 Manually select features (自选项目配置) Vue CLI ...