阿臻

摘要： 之前跟着视频教程写过一遍虚拟dom的生成和diff 算法, vue 的虚拟dom 来自于 snabbdom 这个库, github代码仓库, 现在重新回顾一遍 diff 算法是干啥的 首先要知道 diff 算法到底是用来干什么的? diff 算法不是在两个集合里寻找不同的元素的, 而是找到符合你判断 阅读全文

摘要： 当前使用的 vue-popperjs 组件是基于 popper.js 开发的 使用方法 安装 npm i vue-popperjs 导入使用 <template> <popper trigger="clickToOpen" :options="{ placement: 'top', modifier 阅读全文

摘要： 先解释一下这里的rich 是干啥的, rich 的目的就是给文字加上一些自定义的样式, 或者通过背景加上一张图片 在 echarts 里面很有地方都可以使用 formatter 属性, 而使用 formatter 的地方大多都是可以使用 rich 属性的, 在这里需要注意的是 formatter 里 阅读全文

摘要： 插件(两个组件, 都是 antfu( vite 核心团队成员 ) 写的) npm i unplugin-auto-import unplugin-vue-components -D 使用, 下面是最简单的使用方法 vue component 文档 auto-import 文档很简单, 还需自行探索, 阅读全文

摘要： 如果你已经安装过了 为什么写这个流程，网上的资料很多，但是都很乱，或者复制出来了，感觉有点把人往坑里带，在此梳理一遍流程 如果你安装过了不太清楚自己的错误在哪，先排除一下吧 使用 nvm ls 检查一下当前安装的 node 环境, 有星号的是当前使用版本(下方图片为示例)，如果都没有星号，那就是你没 阅读全文

摘要： 依赖 1.xlsx自定义表格样式 <script src="https://cdn.jsdelivr.net/npm/xlsx-style@0.8.13/dist/xlsx.core.min.js"></script> 2.xlsx导出js <script src="https://cdn.jsde 阅读全文

摘要： 1.Vue脚手架配置插件image-webpack-loader 图片压缩(这个不怎么好用,因为安装插件会有问题) 1.cnpm install image-webpack-loader 2.代码配置 module.exports = { chainWebpack: config => { conf 阅读全文

摘要： vue3.0 使用setup 语法糖 使用 props import { defineProps} from 'vue' const props = defineProps({ total: { type: Number, default: 0 }, page: { type: Number, de 阅读全文

摘要： .sync使用方法改变 带参数的 v-model 2.x <ChildComponent :title.sync="pageTitle" /> 3.x <ChildComponent v-model:title="pageTitle" /> 不带参数的 v-model 3.x <ChildCompo 阅读全文

摘要： vue3.0 中 如何在setup中使用async await 第一种方法 使用suspense 包裹你的组件 感觉不太好 文档 <template> <suspense> <router-view></router-view> </suspense> </template> <script> ex 阅读全文