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

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

改变样式是我们实际开发中最常做的事情。诸如在css中，我们添加鼠标滑入滑出效果添加不同的样式。诸如在js中，我们根据某个条件，或者触发某个方法，去动态改变某个样式。那么，在vue中，我们更能很轻松的达到这点。看下常见的几种情景：情景一：我们需要根据某个变量是否存在（触发），去动态添加样式描述：当我们点击按钮触发了某个条件，我们需要给对应的元素添加激活效果<div...

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

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

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值得变化，当...