前言搭建文档，个人博客用什么比较用；当然是Vue全家桶之一的vuepress啦；这可是大神尤雨溪推出的一款模板；vuepress用于迅速搭建技术文档网站与个人博客，简单快捷，下面和我一起开始学习吧！一、成品展示1. 技术文档网站：vue全家桶官网：vue、vuex、vue-cli、vue-router以及vuepress本身2. 个人博客：组件zhb-ui 使用文档3. 官方文档VuePress二

VUE 中渲染Echarts 动画 柱状图效果图：安装Echarts依赖要在vue中使用Echarts 需要先安装依赖npm install echarts --save这是我的Echarts版本"echarts": "^4.0.4"第一步：在template减免 容器dom<template><div class="min-body"><div style="wid

vue-cropper一款好用的前端截图插件项目介绍：使用vue+elementUI写的项目，需要用到图片截图功能、视频截图、视频直播等功能，关于截图不失真，发现vue-cropper这款插件能满足需求，可以让用户自由调整截图框的宽高、位置，可以根据用户的需求选择截图的格式（png、jpg），也可以选择图片的编码格式（base64、blob）等。案例展示：http://zhb_nyx.gitee.

Vue学习笔记：将数组数据使用Excel表格导出需求：数组数据使用 Excel导出第一步：下载依赖命令行： npm i xlsx第二步：建立下载公共jssrc下建立文件夹utils后建立data2Excel.js第三步：将公共js导入页面import { dataConversionUtil } from '@/utils/data2Excel'第四步：数组数据组装Excel表格 表头loadEx

Vue学习笔记：axios 拦截器的用法什么是axios 拦截器？拦截器就是拦截每一次的请求和响应，然后进行相应的处理。请求拦截器，它可以统一在你发送请求前在请求体里加上token；响应拦截器，是在接受到响应之后进行的一些操作，比如，服务器返回登录状态失效，需要重新登录的时候，就给它跳到登录页面；创建拦截器const service = axios.create({baseURL: process

官网提供了el-select的change事件，但是并没有提供使用示例，但是最近在vue项目中却要使用到。直接上代码，HTML部分data() {return {devType: '',devTypes: []}},methods: {selectChanged(value) {console.log(value)}}js部分data() {return {devType: '',dev..

Vue中封装自定义步骤条 实现上下一步效果图：如上图：在VUE中实现效果，VUE+Element,ant都有封装好的UI,直接引用就好了；这里，觉得样式不符合UI设计，所以自定义封装了一个步骤条组件；设计原理：当点击下一步的，获取步骤的index, 通过绑定的class 给经过的步骤添加样式；:class="index <= stepsIndex ? 'on' : ''"定义步骤条的条数,数

关于VueXVueX是适用于在Vue项目开发时使用的状态管理工具。试想一下，如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。为此，Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中，我们只需要把这些值定义在VueX中，即可在整个Vue项目的组件中使用。一、使用Vuex的目的实

嗨，大家好！自从我们的VueFastDev - 前端快速开发工具 上线 以来，广受好评，虽还在持续开发阶段，也依旧有好多程序员选择了使用它。今天就为大家更新一个组件：树形选择器文档地址：http://web_help.gitee.io/vuefastdevdocs/#/fastForm/TreeSelecthttp://web_help.gitee.io/vuefastdevdocs/#/fast

Vue中封装自定义步骤条 实现上下一步效果图：如上图：在VUE中实现效果，VUE+Element,ant都有封装好的UI,直接引用就好了；这里，觉得样式不符合UI设计，所以自定义封装了一个步骤条组件；设计原理：当点击下一步的，获取步骤的index, 通过绑定的class 给经过的步骤添加样式；:class="index <= stepsIndex ? 'on' : ''"定义步骤条的条数,数