Vue

做大屏的时候经常会遇到 echarts 展示，下面展示在 Vue2.7 / Vue3 中对 echarts （^5.4.0） 的简单封装。 文章首发于https://blog.fxss.work/vu

文章首发于 Vue2.7 setup 中使用vue-router、vuex 。 Vue 2.7，中文版可产看 Vue 2.7 正式发布，代号为 Naruto 。 使用 Vue CLI 创建的新项目项目

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第2天，点击查看活动详情 签字板 主要适用于 电子签名，比如购买贵重物品的时候，可能就需要使用电子签名。使用效果可点击查看，可以直接

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第1天，点击查看活动详情 VuePress 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown 来书写

「这是我参与2022首次更文挑战的第4天，活动详情查看：2022首次更文挑战」 。 最近看完 Vue3 和 Vite 文档之后，就写了个小 demo ，整体感觉下来还是很丝滑的。 Vue3 Vite中

最近使用ant-design-vue，在使用select的时候遇到一些特殊情况，特此做一下整理汇总。 设置默认值defaultValue或者当前选中值为value空字符串''/null 时，placeholder 都无法正常展示，需要设置为undefined 才可以。对应的代码…

选择平台：Sentry通过官方的Sentry SDK与许多不同的语言和平台集成。本项目选择 Vue 。 安装Sentry的浏览器JavaScript SDK：@sentry/browser : yarn add @sentry/browser 或者 npm install @s…

在Vue项目中，为了提升性能缩短首页的白屏时间（更具体的白屏时间可查看Web 性能优化-首屏和白屏时间），我们可以通过将公共库采用CDN引入的方式以及将资源文件压缩的方式。 不过由于 Gzip 压缩只有2个文件，所以 2 和 3 的差异不是很明显，不过也可以体验我的博客： ht…

本文章主要介绍在全局混入、多个混入情况下初始化渲染的生命周期、更新生命周期以及销毁的生命周期。 src/mixin 目录下放的是不同组件或者页面的混入。 上面目录中提到的 mixin 文件都是 先混入 AMixin 再混入 BMixin。 全局混入会在之后每一个创建的 Vue …

在做后台管理系统的时候，一般都会遇见路由权限的问题。 大家可以先体验一下最终的例子 authority vue Router ，例子项目地址 authorityRouter。在例子的登录页面中，通过选择不同的用户类型来模拟不同的用户账号登录的情况，通过不同的用户类型登录后台的时…

Vue.prototype.$isServer表示当前是否是在服务器端渲染，例如使用 create-nuxt-app 创建的项目中，在 page/index.vue 的 created 生命周期中添加 console.log(this.$isServer) 服务器端打印出来为 …

获取浏览器滚动条宽度，一般用于弹出层的时候，设置body的右边距，防止overflow: hidden的时候元素抖动。 弹窗弹出时如果需要锁屏（锁住弹窗下的页面不滚动），则加上下面这段代码，弹窗弹出时锁屏，弹窗关闭时再将其去除。 弹窗关闭时将弹窗打开时设置的值去除。 文中的一些…

changeStatus0 打印的是TodoItem.vue中 $emit 后跟的两个参数。 changeStatus1 打印的是 undefined。 changeStatus2 打印的是 v-for 循环中的当前 item 对象。 changeStatus3 中 arr 参…

对于 nuxt 项目，一般采用官方提供的 create-nuxt-app 脚手架，具体过程 https://zh.nuxtjs.org/guide/installation/ 。 至于 cross-env 是运行跨平台设置和使用环境变量的脚本。 当我们以对应服务启动生产模式的 …

创建项目详情查看安装-NuxtJS安装vant引入vant这里采用的是：导入所有组件在根目录的plugins目录下创建vant.js，内容如下：在nuxt.config.js中引入：Rem适配在根目录

项目中如果需要换肤，黑白配的话还好说，就两种皮肤，稍微整整就好了，这次直接来了8套皮肤，这就有点渗人了，必须想办法偷偷懒了，开发环境也要好好琢磨一下了。 Element 有提供多种的换肤方案，但我们项目中用的是 less ，所以只能用 命令行主题工具 了，但是我们的设计图有些和…