本文主要讲以下内容，会尽可能的通过简短的例子以更清晰的方式展示出来。less的安装使用，注入less全局模块；mixin分发 Vue 组件中的可复用功能；axios封装进行模块化请求接口；vue-router懒加载、路由拦截；filter过滤器，格式化文本。 less是一门cs…

在前后端分离的现在，大部分应用的展示方式都变成了 SPA（单页面应用 Single Page Application）的模式。为什么会选择 SPA 呢？原因在于： 用户的所有操作都在同一个页面下进行，不进行页面的跳转。用户体验好。 对比多页面，单页面不需要多次向服务器请求加载页…

使用 vue 进行开发的同学对vue-cli一定不会陌生，最初 vue-cli@2x的时代，我们使用的时候通常会去修改webpack来满足我们团队的需求，又或者通过自己维护一个脚手架，满足日常开发。 在vue-cli 升级为3x之后提供了插件的选项。cli插件作为vue-cli…

bind: 将绑定clickoutside指令的dom的el通过push到nodeList存起来，目的在于管理每次有 clickoutside 指令绑定到页面上，都会将绑定元素存储到 nodeList 中去。通过自增的临时变量 id来标识该 clickoutside 指令 cr…

在前面的文章中，小编为大家带来了许多Vue 实战技巧，也得到了大家的许多好评。其实在前面那些技巧之外，我们还可以做的更多，让我们的开发流程更流畅，开发体验更好，项目性能更上一层楼，怎么做呢，我们一起来看看。 在我们开发的时候，为了方便调试，我们需要使用源码进行调试，但在生产环境…

为了显示这些更改，我们将在Vue2和Vue3中构建一个简单的表单组件。 在本文结尾，你将了解Vue2和Vue3之间的主要编程差异，并逐步成为一名更好的开发人员。 对于大多数组件，Vue2和Vue3中的代码即使不完全相同，也是非常相似的。但是，Vue3支持Fragments，这意…

有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就需要用到keep-alive组件。 如果未使用keep-alive组件，则在页面回退时仍然会重新渲染页面，触发created钩子，使用体验不…

在一个项目中，一些功能会涉及到重要的数据管理，为了确保数据的安全，我们会在项目中加入权限来限制每个用户的操作。作为前端，我们要做的是配合后端给到的权限数据，做页面上的各种各样的限制。 因为这是一个工作上的业务需求，所以对于我来说主要有两个地方需要进行权限控制。 第一个是侧边菜单…

这是基于 vue-cli4 实现的移动端框架，其中包含项目常用的配置，组件封装及webpack优化方法，可供快速开发使用。 在一两年前，vue-cli3已经声驾到3.0+版本，但是由于旧项目一致习惯于vue-cli2的脚手架的使用，之前也写过一篇 搭建一个vue-cli的移动端…