Vue项目Webpack优化实践，构建效率提高50%
公司的前端项目使用Vue框架，Vue框架使用Webpack进行构建，随着项目不断迭代，项目逐渐变得庞大，然而项目的构建速度随之变得缓慢，于是对Webpack构建进行优化变得刻不容缓。经过不断的摸索和实践，通过以下方法优化后，项目的构建速度提高了50%。现将相关优化方法进行总结分享。
iView 3.2.0 发布，基于 Vue.js 的企业级 UI 组件库
iView 3.2.0 发布了，代号 Lost Tracks。iView 是一套基于 Vue.js 的企业级 UI 组件库，主要服务于 PC 界面的中后台产品。本次更新如下：Table 支持 slot-scope 用法。#4847 查看示例Tree 新增属性 check-strictly，开启后，在复选框模式下，将不再严...
Vue2.0 + ElementUI 手写权限管理系统后台模板（四）——组件结尾
Vue2.0 + ElementUI 手写权限管理系统后台模板（四）——组件结尾i18n国际化多语言翻译使用框架采用vue-i18n版本 8.4.0，使用npm安装新建文件夹src/i18n,目录如下i18n.js//i18n.jsimport Vue from 'vue'import locale from ...
[Vue.js]基于iView树形控件(tree)和多选框组(CheckboxGroup)实现的动态权限功能分配菜单树的render渲染效果
在做前后端项目开发时，前端选择了目前比较流行的基于Vue.js的UI框架—iview。在实现角色-权限管理时遇到了交互上的问题，即：需要以树形样式列出系统中所有的菜单，并在每一个菜单后面列表这个菜单拥有的所有权限，用户可以勾选以设置是否开启这个菜单的对应权限功能，以下是实现了基于iview树形菜单的动态权限赋值功能的图：其中使用到了Vue.js的render函数，具体实现的部分核心代码如下
Vue 3.0 更新计划：更快，更小，让开发者更轻松
在11月14日-16日于多伦多举办的 VueConf TO 2018 大会上，尤雨溪发表了名为 “ Vue 3.0 Updates ” 的主题演讲，对 Vue 3.0 的更新计划、方向进行了详细阐述。目前该演讲的 PPT 也已上传至 Google 文档，感兴趣的可点此查阅。 可以看到，Vue 3.0 将会：1、更快Virtual DOM 完全重写，mounting & patchi...
Element 2.4.10 发布，基于 Vue 2.0 的桌面端组件库
Element 2.4.10 发布了，Element 是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，提供了配套设计资源，帮助你的网站快速成型。由饿了么公司前端团队开源。更新内容修复多次点击 Select 才显示下拉列表的问题，#13268Form 禁用时不显示 Input 的 clear 图标，#13208调整 Select，Progress，...
iView v3.1.4 发布，基于 Vue.js 的高质量 UI 组件库
iView v3.1.4 发布了，iView 是一套基于 Vue.js 的高质量 UI 组件库，主要服务于 PC 界面的中后台产品。更新内容：Tree 新增选中及半选节点的方法 getCheckedAndIndeterminateNodes。 #4664修复 Time 组件有时计算时间不准确的 b...
Element 2.4.9 发布，基于 Vue 2.0 的桌面端组件库
Element 2.4.9 发布了，Element 是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，提供了配套设计资源，帮助你的网站快速成型。由饿了么公司前端团队开源。更新内容如下：Form 组件 clearValidate 方法参数支持字符串，#12990（by @codinglobster）Badge 新增 type 属性，#12991用户可以使用 ...
vue-element-admin 3.9.2 发布，后台集成解决方案
vue-element-admin 是一个后台集成解决方案，它基于 vue 和 element。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。3.9.2 更新内容demo 支持西班牙语 #1196 (by @rmenor)feature[Pagination]: 新...
带你五步学会Vue SSR
SSR大家肯定都不陌生，通过服务端渲染，可以优化SEO抓取，提升首页加载速度等，我在学习SSR的时候，看过很多文章，有些对我有很大的启发作用，有些就只是照搬官网文档。通过几天的学习，我对SSR有了一些了解，也从头开始完整的配置出了SSR的开发环境，所以想通过这篇文章，总结一些经验，同时希望能够对学习SSR的朋友起到一点帮助。 我会通过五个步骤，一步步带你完成SSR的配置：
Vue CLI 3搭建vue+vuex 最全分析
一、介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件：CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令）CLI 服务：@vue/cli-service是一个开发环境依赖。构建于 webpack和 webpack-dev-server之上（提供 如：serve、b...
比官方文档更易懂的Vue.js教程！包你学会！
2016年，乃至接下来整个2017年，如果你要问前端技术框架什么最火，那无疑就是前端三巨头：React、Angular、Vue。没错，什么jQuery，seaJs，gulp等都逐渐脱离了热点。面试的时候不吹上一点新技术，好像自己就不是搞前端的似的。当然，希望大家都是抱着好学的心来开始一门学艺的，不管怎样，求求你，请接着看下去吧~ 本系列文将会通过很多一目了然的例子和一个实战项目——组件库，来帮助大家学习Vue，一步一步来，毕竟这篇文章还有接下来的【升学篇】和【结业篇】呢。
一个极简版本的 VUE SSR demo
我本人在刚开始看 VUE SSR 官方文档的时候遇到很多问题，它一开始是建立在你有一个可运行的构建环境的，所以它直接讲代码的实现，但是对于刚接触的开发者来说并没有一个运行环境，所以所有的代码片段都无法运行。那为什么作者不先讲构建，再讲程序实现呢？我觉得可能是因为构建、运行又重度依赖具体的代码实现，先讲构建也不利于理解整体过程，所以是一个不太好平衡的事。
Element 2.4.7 发布，基于 Vue 2.0 的桌面端组件库
Element 2.4.7 发布了，Element 是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，提供了配套设计资源，帮助你的网站快速成型。由饿了么公司前端团队开源。更新内容如下：修复 DatePicker 未触发表单检验的问题，#12328，#12348修复 DatePicker 多选时报错的问...
vue-manage-system 后台管理系统开发总结
前言vue-manage-system，一个基于 Vue.js 和 element-ui 的后台管理系统模板，从2016年年底第一个commit，到现在差不多两年了，GitHub上也有了 5k star，也是这些让我有了持续更新的动力，其中也踩了很多坑，在这总结一下。github地址：vue-manage-system线上地址：blog.gdfengshuo.com/example/wor...
vue插件开发、文档书写、github发布、npm包发布一波流
做vue开发，基本的操作会了之后是不是特想撸一撸vue的插件，让自己的代码可（骚）复（骚）用（的）。别急，今天和你一起手摸手，哦呸，是手把手，一起撸一管，哦再呸，是封装一个基于vue的支付宝密码弹窗插件。然后还会介绍如何书写插件的markdown说明文档、发布到github、在github设置项目的运行地址、发布npm包。简单看下效果图，主要实现密码输入完成自动触发输入完成的回调函数，自定义标题、自定义高亮颜色、自定义加载动画，密码错误弹窗，可清空密码等基本操作。
基于Vue.js+iview的极简后台管理系统模板--DncVueSample
DncVueSample是一个极简的基于Vue.js + iview 实现的静态后台管理系统模板，她仅是一个后台管理系统模板的雏形UI，不涉及系统功能，但所谓“麻雀虽小五脏俱全”，选择DncVueSample作为后台管理系统的初始模板，可以帮助使用者快速地开始项目的开端UI框架的搭建。
Vue组件通讯_Vue, Vue组件
使用Vue构建组件容易，但对于初学者要掌握Vue组件中的通讯还是有一定的难度。比如说，父组件如何向子组件通讯？子组件又是如何向父组件通讯？兄弟组件又是怎么通讯？这些方面都是有关于组件通讯相关的知识。而且掌握Vue组件之间的通讯方式还是掌握Vue组件的另一种能力。在Vue中，Vue的组件自身就很棒，因为它可以帮助我们使用重用的代码片段，我们也可以使用Vue提供的所有功能。现在我们要掌握怎么建立组...
Vue基于vuex、axios拦截器实现loading效果及axios的安装配置
准备利用vue-cli脚手架创建项目进入项目安装vuex、axios（npm install vuex,npm install axios）axios配置项目中安装axios模块（npm install axios）完成后，进行以下配置：main.js//引入axiosimport Axios from 'axios'//修改原型链，全局使用axios,这样之后可在每个组件的methods...