随笔分类 - 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 安装
阅读全文