Vue.js

这里必须先引入图标，才可以显示图标。

首先我们来了解一下MVC、MVP、MVMM这三大架构模式在前端角度上的理解。 MVC分别是 Model（模型）、View（视图）、Controller（控制器）三个模块。View（视图层）最主要完成前端的数据展示，Controller（控制层）是对数据的接收和触发事件的接收和传…

函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。举个栗子，持续触发scroll事件时，并不执行handle函数，当1000毫秒内没有触发scroll事件时，才会延时触…

安装1、按需引入（在你需要的项目中引入）引入：使用：2、全局引入（main.js修改）引入：使用：

第一步，首先安装axios，这里推荐局部安装第二步，在src目录下创建request文件夹，然后在里面创建两个文件http.js、api.jshttp.jsapi.js第三步，应用到组件

这里拿MUSEUI中的进度条举例页面加载之前this.isloading=truev-show='false'不显示页面当获取数据完毕后this.isloading=false进度条消失，页面显示

图片加载优化对于一个网站性能好坏起着至关重要的作用。所以我们使用Vue来操作一波。 以下的优化一、优化二栏目都是我自己封装在Vue的工具函数里，所以请认真看完，要不然直接复制的话，容易出错的。 只有当图片加载完成后才可以显示图片，加载动画结束。我们使用Element UI中的l…

前言持续更新一、UI框架推荐Elemnetui二、图表vue-schart三、富文本编辑器vue-quill-editor四、markdown编辑器

排名不分先后，按自己习惯来的。 provide在父组件中定义，inject 在子孙组件中定义。 provide：选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的属性。 inject ：通常是一个字符串数组。 provide、inject实现父子（孙）传值。 首先…

作用： 就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性。 那么我们先来看下Object.getOwnPropertyDescriptor()，有定义方法就会有获取方法，对这就是与defineProperty相对的方法，它可以获取属性值。 这就是打印出来的结果，c…

val后加文字即可，当超过文本容器长度时，触动横向滚动效果。

在此之前，你需要去npm官网注册一个属于自己的账号，记住自己的账户名以及密码、邮箱，后面会用的到。 author的值为npm用户名，这里一定要注意。 可以 删除 dist/ 字段，提交的时候一并上传上去。 val后加文字即可，当超过文本容器长度时，触动横向滚动效果。 1、根据规…

1、效果预览2、用到的知识3、使用（1）、安装插件安装Vue插件使用（2）、封装插件Vue版原生js版​

准备完了前面几个知识点，我们下面来整代码，需要注意的是，下面只是个基础的vue-router，只可以页面切换。本篇只是为了熟悉源码，不为实际需要。 在src文件夹下新建一个文件夹myrouter,里面再新建一个index.js文件。 前端的路上我们一起前行。

这里只是拿出自己的项目来做一个例子，只是介绍封装的方法。

但是有些场景如果使用父传子、子传父的话，很难实现。比如说： a组件跟b组件相互通信，必须要有一个公共变量库才更方便。 所以Vuex应运而生，通过创建一个集中的数据存储，供程序中所有组件访问。 创建一个store文件夹在根目录src下，然后在文件夹里创建一个名叫index.js文…

key的作用是更新组件时判断两个节点是否相同。相同则复用，不相同就删除旧的创建新的。正是因为带唯一key时每次更新都不能找到可复用的节点，不但要销毁和创建节点，在DOM中还要添加移除节点，对性能的影响更大。所以才说，当不带key时，性能可能会更好。 因为不带key时，节点会复用…

我们在使用Vue做项目时，都会用到脚手架，相应的我们会在template写标签内容。那么你知道为什么会在template写标签吗？这当中经过了怎样的处理呢？ 其实Vue在处理template时，是经过这样处理的，它是通过内置的render方法处理我们输入的标签，生成VNodes…

Vue.js CLI工具 不知不觉发展到了4.0时代，CLI给人最直白的感受是没有了build文件夹跟config文件夹，所有的配置都在Vue.config.js完成。那么该文件的配置至关重要。现在我们来看一下最新配置是怎么配置的。 有三种方式，推荐第二种标准版（无需安装依赖，…