VeinYin

摘要： 背景 准备搭建一个自己的网站，放些平时练手的 demo，如果是不同项目，想要保持风格一致，或是要用到一些工具方法，就要在每个项目复制一份，不是很好维护，于是就想要搭建一个自己的 npm 私服 安装 verdaccio 1 安装 verdaccio，这是一个开源的私有 npm 注册中心，要注意的是，现 阅读全文

摘要： 技术栈 vite@5.1.4，vue@3.4.19 背景 项目开发中，想要全局注册 comps 文件夹下的组件，有两种方式 1. 在 main 文件中，将组件一个个引入后注册 2. 在 comps 文件夹下，添加 index.js 引入并导出所有组件。在 main 文件中批量引入遍历注册 问题 为了 阅读全文

摘要： 版本 vite 3.2.6 vue 3.2.37 背景 本地启项目，项目中引用了自研组件库（没有安装，通过文件路径直接引用，便于调试项目和组件）， 两者文件夹是平级的 组件库中背景图：background: 100%/100% no-repeat url('../assets/svg/xxx.svg 阅读全文

摘要： 版本 node v18.12.0 egg ^3.17.5 背景 先前执行 yarn start 可以正常启动，今日修改代码再次启动，发现报错，如下图（比较长没有截完） 排查与解决 1. 默认 node 版本16.18.0，vue3 项目要更高的版本，因此导致项目起不来还比较频繁，于是先忽视报错，无脑 阅读全文

摘要： 1 // vite.config.js 2 3 import postcssPluginPx2rem from 'postcss-plugin-px2rem' 4 5 export default defineConfig({ 6 css: { 7 postcss: { 8 plugins: [ 9 阅读全文

摘要： vue 3.2.x + antdv 3.2.x 需求： 使用了某个复合组件，组件内按钮点击将使用弹窗展示某些信息 需求添加一个全屏按钮，点击后将复合组件全屏展示 问题： 刚拿到这个需求时想着，vueuse 几行代码搞定，也这么实现了 然而痛苦的事情出现了，全屏后 modal 不见了，退出全屏后发现其 阅读全文

摘要： vue3 const width = '500px' div { width: v-bind(width); // 也可以用引号引起来 } 阅读全文

摘要： vue2: <template v-for="(_, name) in $scopedSlots" v-slot:[name]="data"> <slot :name="name" v-bind="data"/> </template> vue3: <template v-for="name in 阅读全文

摘要： 背景： 页面的 vue 文件引入了 js 文件，这个 js 文件中是抽离的一些变量，用到了 store pinia 是在 main 文件中注册的 问题： import { storeToRefs } from 'pinia' import { xxStore } from '@/store/xx' 阅读全文

摘要： 场景：列表页，可以切换 tab 展示获取对应类型的数据，懒加载，每次请求后拼接到已有列表后面 问题：快速切换，当前列表下会拼接上一个 tab 请求返回的数据 解决：使用 axios 的 cancelToken，发起请求时保存，切换时取消请求 axios 封装 // requestconst requ 阅读全文