随笔分类 - vue3.0
摘要：- 1.SoybeanAdmin https://soybeanjs.cn 简介 SoybeanAdmin 是一个清新优雅、高颜值且功能强大的后台管理模板，基于最新的前端技术栈，包括 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS。 采用 Vue3, Vite5, T
阅读全文
摘要：- 基于sortablejs； npm地址：https://www.npmjs.com/package/vue-draggable-next 配置项：https://github.com/SortableJS/Sortable#options import { VueDraggableNext as
阅读全文
摘要：- 文档地址：https://seb-l.github.io/pinia-plugin-persist/basic-usage.html 有时候需要把pinia中的数据持久化存储（存到localstorage或sessionstorage中） pinia-plugin-persist插件可以帮我们轻
阅读全文
摘要：- 参考链接： https://segmentfault.com/a/1190000039194351 我们已经知道vue3的响应式实现从defineProperty变成了proxy defineProperty有个弊端，只能监听已有属性的变化，新增属性就监听不到，vue2时，需要配合Vue.set
阅读全文
摘要：- vue3单文件组件的 <style> 标签可以通过 v-bind 这一 CSS 函数将 CSS 的值关联到动态的组件状态上： template <div class="dynamicClass"></div> script const theme = reactive({ border: '1p
阅读全文
摘要：- 最近项目上用了一个自己写的emitter.js； 发现off解绑回调的时候出了问题，off方法是把回调函数转换成字符串对比，如果相同，则去除发射器中的回调；但是我在很多组件中传入的方法几乎一样，于是奇怪的事情发生了； emitter无缘无故的不触发，经过一番调试，发现是以上原因；于是找了一个插件
阅读全文
摘要：- 文档地址：https://pinia.vuejs.org/ 安装： yarn add pinia # or with npm npm install pinia vue3引入（vue2引入需要使用插件） import { createPinia } from 'pinia' app.use(cr
阅读全文
摘要：- mockjs是用来拦截请求，模拟数据的，使前端不用等待后端出接口，就可以模拟接口来开发业务 mockjs官网：http://mockjs.com/ 安装： npm install mockjs 在src目录下创建mock文件夹 mock/index.ts import Mock, { Rando
阅读全文
摘要：- 文档地址：https://cli.vuejs.org/zh/guide/ vue cli可以帮助我们快速搭建一个工程化的vue项目；就像工地盖房子前，会先建一些脚手架，工人就可以在上面盖房子了； 安装： npm install -g @vue/cli # OR yarn global add @
阅读全文
摘要：- 文档地址：https://yarn.bootcss.com/ 安装 npm install --global yarn 检查是否安装成功 yarn --version 初始化一个项目 yarn init 添加依赖包 yarn add [package] yarn add [package]@[v
阅读全文
摘要：- 之前为了些自适应网页，会在项目里写rem。如果设置的rem不恰当，每次还要经过一番计算来得出像素转换成rem的值；有些麻烦； pxtorem解决了这样的问题 我们可以根据设计图大小设置好根节点的字体大小，也就是1rem=多少像素； pxtorem帮助我们自动将px转换成rem； 在代码中就可以直
阅读全文
摘要：- 一般使用worker都是单独执行一个js脚本文件；最近发现一个vue插件，vue-worker，支持了传入一个方法，就可以让这个方法在worker线程执行；使用worker更加方便； vue-worker地址：https://www.npmjs.com/package/vue-worker 安装
阅读全文
