element ui我就不过多介绍了，它是基于vue的ui组件库，相信使用vue开发的人，难免离不开它们。那么在日常使用中，我们也可能会发现element ui中的内置小图标非常少，这时就需要我们结合第三方的小图标库来一起使用了。俗话说 1+1>2 。那么就拿阿里字体小图标来举例，看看怎么结合element ui一起使用。1、进入阿里小图标官网，挑选我们喜欢需要的小图标2...

如何在vue中修改组件库的样式？vue中我们经常会使用一些第三方的组件库，可以达到快速搭建项目界面布局的效果，无非就是用什么组件库的问题。但是，不管我们使用element ui、vuetify或是别的什么组件库，修改样式是必不可少的一个工作。针对公司自己的风格或是ui的设计，组件库默认的样式、配色等并不一定符合所有人的要求，那么修改组件库的样式就成了必不可少的一部分。就拿element ui组件举

之前都是介绍在普通项目中使用mock.js，那么本次就来介绍一下在vue中使用mock.js实现前后端分离。安装：npm install mockjs这里先写个小案例介绍一下具体使用，写法不规范，仅供参考。然后案例讲完后我们讲具体的规范使用那么一起来看看这个案例吧：<script>import Mock from "mockjs"expo...

vue本身内置了watch函数，可以很方便的用来监听数据的变更，包括vuex数据的变更.但是，这都是基于vue文件的前提下。如果我们想要在js等其他文件监听vuex数据的变更，该如何进行？这里提供两种思路方法，本章介绍第一种，第二种方式请查阅本章：vue的vuex监听subscribesubscribe(handler: Function): Function订阅 s...

moment：JavaScript 日期处理类库，主要用于处理日期、时间，可以进行所需要的日期格式化，也可以按所需获取相应的时间。此次我们来简单介绍下在vue项目使用moment，以及一些常规操作。安装依赖：npm install moment --save引入(可以直接main.js引入，也可以考虑新建个插件的文件夹，然后写到一个moment.js文件中)：import Vue from 'vu

之前在原生JS的开发中，我们经常会用到根据某一状态进行页面的跳转。比如：登录成功跳到首页，点击商品列表的某个商品跳转商品详情等。而常见的写法就是：location.href("index.html")那么vue是基于路由的，那么怎么进行页面的跳转？路由。大家都知道vue的每个页面级组件需要配置路由才可以使用，那么跳转页面也就是控制路由的切换。例如：点击登录按钮，跳转到...

vue项目打包后，可能大家会注意到，会把一些文件都编译压缩到一起，但是打包后我们通常很难再去修改某些东西。场景一：单点登录。当我们需要把部署包部署到不同的环境，但是有些环境往往不需要登陆的操作，那常规操作的情况下，我们就需要不开启登录的打包一份，然后开启登录后再打包一份场景二：logo / 标题。当我们需要把部署包部署到不同的现场，每个地方可能对于的标题不一样，那我们不可能根据每个现场的标题去打包

本次分享一个之前困扰很久的，跨页面之间的通信方式。以前跨页面通信，就拿我们之前vue项目中多页面为例，每个页面都是一个独立的vue实例，通过main.js初始化，各个页面之间的数据不互通，而通信方式最常见的方式是往缓存中存储值，其他需要得到这个值的页面通过定时器去实时查询缓存中该值的变化，然后进行通信。但是定时器终究不是一个好的实现方式，而定时器的时间长短设置多少都很有考究，时间太短太耗性能，时间

在日常开发中，我们可能经常会通过一个变量的值，去控制处理一些逻辑。比如，当我tepm的值为true的时候，我就需要去把某个变量增加1。反之则减一。但是，在js中，代码一般都是从上往下执行的，当我执行到某一行，去判断temp的值的时候，当然可以做到针对性的逻辑处理，但是当我越过这段代码，之后还需要根据temp的状态实时进行操作，就显得有点无力了。那么这时候就需要去监听temp值得变化，当...

这里就不解释什么是跨域了。跨域是前端最头疼的事情，它阻止了我们向后端请求数据，使之我们无法拿到数据去渲染。当然，后端可以解决跨域，而且相当简单。但是如果再后端没办法的情况下，前端如果处理这种问题呢？一：开发环境下（就是vue项目本地开发，没打包部署前）1、vue cli2.x (npm run dev运行的项目)：我们可以在config文件夹中找到webpack的配置文件，其中...