一个超方便将现有博客生成vuepress2文档站的插件

  • Post author:
  • Post category:vue

闲来无事,研究了一下vuepress2和它的插件机制,写了一个可以一键通过已有博客生成vuepress2的文档站的vuepress2插件 vuepress-plugin-blog-sync 效果 在vuepress2中简单引入即可达到将 政采云掘金博客 一键生成vuepress2页面,效果✨ 详见 Demo 使用 安装插件 npm i vuepress-plugin-blog-sync 按照vue…

继续阅读 一个超方便将现有博客生成vuepress2文档站的插件

vue根据数组对象字段属性字符 的首字母 按照拼音abcd…进行分类排序 类似通讯录 排序

  • Post author:
  • Post category:vue

//根据 字符数组 首字母 拼音排序 pySegSort(arr, empty) { // 根据传入的数组 arr,对其按照首字母拼音分类,参考地址https://www.cnblogs.com/goloving/p/7662676.html if (!String.prototype.localeCompare) return null; var letters = "#abcdefghjklm…

继续阅读 vue根据数组对象字段属性字符 的首字母 按照拼音abcd…进行分类排序 类似通讯录 排序

vue打包chunk-vendors.js优化

  • Post author:
  • Post category:vue

安装 npm install --save-dev compression-webpack-plugin 安装报错就固定版本 npm install compression-webpack-plugin@6.1.1 修改vue.config.js const path = require('path'); const webpack = require('webpack') const Compr…

继续阅读 vue打包chunk-vendors.js优化

Vue+Echarts地图消失(高度变成0)的完美解决方案

  • Post author:
  • Post category:vue

地图消失了! 最近项目突然发现了一个奇怪的问题,当且到别的页面之后停留一会(20min+),首页的Echarts地图就会消失掉,而且还不一定复现,好不容易复现了一次,查看元素发现地图的容器、svg元素的高度都变成了0 经过多次测试发现只要切换到别的页面后改变一下浏览器窗口大小,再切回首页,地图就消失了 为什么高度没了? 首先看一下Echarts官网的示例 原因很明显了,我并没有给地图元素设定宽高 …

继续阅读 Vue+Echarts地图消失(高度变成0)的完美解决方案

vue3 trigger

  • Post author:
  • Post category:vue

Vue 3 中的 trigger 函数是用来触发一个自定义事件的。它可以在一个 Vue 组件内部使用,也可以在组件外部使用。 使用方式: this.$emit('customEventName', eventData) 版权声明:本文为weixin_35749796原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csdn.ne…

继续阅读 vue3 trigger

vue项目转换服务器端渲染,vue-server-renderer实现vue项目改造服务端渲染

  • Post author:
  • Post category:vue

这是一篇教程,从创建项目到改造项目 vue-cli创建一个项目 在放你做demo的地方,创建一个项目 vue create vue-ssr // 如果你安装了vue-cli4,选择vue2的版本,以下的改进过程是按vue2来做的 经过漫长的等待,下载好文件开始我们的改造之路 文件目录 进入vue-ssr文件夹,使用命令 vue ui 把vue-router装上 先安装几个依赖插件 // 安不上用c…

继续阅读 vue项目转换服务器端渲染,vue-server-renderer实现vue项目改造服务端渲染

【vue随笔】自定义验证表单 input不允许输入为中文

  • Post author:
  • Post category:vue

增加属性 在需要增加验证input标签所在的表单增加 :rules="rules" <el-form ref="form" :model="form" :rules="rules" label-width="100px" :disabled="readonly"> <el-form-item prop="rewardKey" label="奖励 Key" > <el-…

继续阅读 【vue随笔】自定义验证表单 input不允许输入为中文

vue-demo示例

  • Post author:
  • Post category:vue

Vue-cnodejs - 基于vue重写Cnodejs.org的webapp NeteaseCloudWebApp - 高仿网易云音乐的webapp vue-zhihu-daily - 知乎日报 with Vuejs vue-wechat - vue.js开发微信app界面 vue2-demo - 从零构建vue2 + vue-router + vuex 开发环境 eleme - 高仿饿了么ap…

继续阅读 vue-demo示例

vue-cli · Failed to download repo vuejs-templates/webpack: unable to verifythe first certificate

  • Post author:
  • Post category:vue

记录一下今天遇到的一个坑,用vue-cli脚手架创建项目(vue init webpack xxx)的时候报了这么一个错: vue-cli · Failed to download repo vuejs-templates/webpack: unable to verifythe first certificate。后来查了下版本号(vue -V),发现版本号是:3.0.0-rc.3。3.0啊………

继续阅读 vue-cli · Failed to download repo vuejs-templates/webpack: unable to verifythe first certificate

用 Vue 做 PWA(一):开始

  • Post author:
  • Post category:vue

View Post on Blog Vue 党快速上手 PWA 什么是 PWA 其全称为 Progressive Web Apps ,可赋予网页原生 App 的各种优点。本人水平有限,不再赘述。对我而言最重要的是本地存储 + 离线可看,还有消息推送。 为什么 PWA 当然是不想学 Android 和 iOS 啦!学会前端一下搞定桌面、Android、iOS 三端,岂不美哉! 如何开始 这里就不说怎…

继续阅读 用 Vue 做 PWA(一):开始