L_yvpeng的博客

在 Vue 项目中，经常会遇到下载文件流的情况，使用 new Blob二进制进行文件下载功能（vue后台返回文件流下载导出函数封装、调用示例），type不同下载的文件格式也不同，，可根据自己项目场景更换 new Blob() 的 type 即可。

watch 和 watchEffect 都是在vue3中用来监听数据的或者某个值的变化时使用的，但使用方法都有所不同和场景都有所不同，这边带着大家体验一遍watch普通数据类型watch 监听<script setup lang="ts">import {ref, watch,watchEffect} from "vue";let num = ref(20);// watch(要监听的响应式数据，(新值,旧值)=>{})// 要写需要监听的数据 watch(num

Pinia在 Vue 文件夹中是挂载到 setup 上面的，但在js文件夹中使用呢就会报在调用的时候没有激活Pinia这个问题呢其实很好解决，在 js 文件中使用写在函数里面就可以了

这边是利用 FastClick解决在 index.html跟目录文件的head标签中插入<title>Vue.js</title><script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js"></script><script> if ('addEventListener' in document) { docum...

在这边带大家如何在vue移动端项目中配置rem，这边分两种配置方法，一个是你自己手动换算进行计算换算，一个是使用插件来帮你换算，手动自己换算的话适合于Vue的各个版本，使用插件的我这边主要讲的是 Vite，至于其它自行百度一、自己手动换算自己手动换算的需要点数学基础，九年义务教育漏网之鱼就不是很建议了选这个了来到App.vue文件夹根标签 html 设置字体为 100px 并且层级设为最高，id app 字体设置为0.14rem，这样就换算好了，我这边换算的是100px等于1rem在项目

前言相信在Vue中提到状态管理，大家一定会想到 Vuex。的确 Vuex确实是比较强大的，但Vuex 多少有点重，而且对 Typescript的支持也不是那么的友好，同时门槛也比较高，学习成本比较大。基于以上种种原因，随着 Pinia 的不断完善 也渐渐的进入到小伙伴的视野中，今天就同大家一起学习一下 Pinia 的优美之处。Pinia 始于 2019年11月， 让人比较心动的事，Pinia 同时支持 Vue2 和 Vue3 这一点可以说是很良心的。当然，由于VueAdminWork中Vue3的

Vite配置代码环境变量和 Vue2 的配置差不多，都是依靠 .env 文件夹来实现详情可到 Vite 官网的环境配置里了解：环境变量和模式 {#env-variables-and-modes} | Vite中文网一、在src同级下创建.env.production生产模式和.env.development开发模式两个文件夹​​​​​​​​​​​​​​​​​​​​​二、文件夹内部分别写入...

Vite是Vue3用来替代webpack的一种代码打包工具，其对比之前的webpack来讲在代码层面会更快 更轻 ；其一些相关详情可以去官网或者度娘去详细了解，在这里就不过多介绍了Vite官网链接：Vite中文网一、配置 @ 符号// vite.config.js import { resolve } from "path"// 使用项目搭配的是 TS 的话要先下载 @types/node，不然 path 是会报错不生效的哦// npm install @types/nodee

代码开发中我们把代码分成开发模式和生产模式，这两种模式的转换我们称职为环境变量。接下来带着大家如何去配置和使用这个环境变量Vue2官网：Vue.js一、首先我们在项目全局目录下创建两个 .env 文件夹，文件分别为 .env.production 生产模式和 .env.development 开发模式二、在文件里面我们写入对应的https请求地址NODE_ENV=developmentVUE_APP_BASE_URL="http://kumanxuan1.f3322.ne

在开发过程中，只要协议、域名、端口协议、域名、端口，任意一个不一样都会导致跨域，开发时可以利用代理来解决这个问题。