Vue

异步组件的功能 vue项目开发过程中，会做出特别多的组件，包括login，header，footer，main等，这样运用webpack打包后的文件将会很大。而当用户进入首页时，造成需要加载的内容过多

路由是什么 后端路由:根据不同的用户URL请求去执行后端的不同业务返回不同的内容，本质上是URL请求地址与服务器资源之间的对应关系。 前端路由:不同的网址对应各自的页面，本质就是用户事件与事件处理函数

缓存组件keep-alive的功能 动态组件的切换，切换后是不会缓存之前被切换掉的组件的，每次切换离开当前组件的时候当前的组件会被销毁，当组件再次切换回来时Vue都会重新创建一个新的组件对象。 即每次

动态组件的功能 页面中的某个地方需要在不同组件之间进行动态切换，这时候除了条件渲染，还可以使用动态组件。 动态组件的语法 1.利用 元素的 is 属性语法 2.is 属性应该用 v-bind 修饰（可

自定义事件的语法 在Vue实例对象的原型上有绑定事件和触发事件以及解绑事件的三个功能，所以VueComponent构造函数创建的组件也有以上三个功能。 中央事件总线 通过创建一个新的vm对象，新的vm

通过provide与inject进行组件传值 provide与inject的功能是可以把一个祖先组件指定的数据和方法，传递给其所有子孙组件中。 主要在开发高阶插件/组件库时使用， 官网不建议在普通应用

属性传值---父组件传子组件 1.在子组件中自定义可以接收的属性： 2.在父组件中引用子组件然后传值，就是在使用的子组件中绑定一个与子组件中自定义属性相同的属性名，等号后面就是要传入的值也可以不传值，

Vue加载流程 1.初始化的第一阶段是Vue实例也就是vm对象创建前后：首先Vue进行生命周期，事件初始化发生在beforeCreate生命周期函数前，然后进行数据监测和数据代理的初始化，也就是创建v

CROS解决跨域请求 使用CROS解决跨域请求，就需要在请求数据的后端服务器配置允许跨域的网址，允许的网址就可以跨域请求文件资源。Egg框架提供了 egg-cors 插件来实现cors跨域请求，需要先

组件自定义事件 内置事件：是给html元素用的，比如span、div等标签，不是组件。 组件自定义事件：自己定义事件三要素，包含事件名也就是事件类型，事件源，事件回调函数，组件内部自己设计事件触发的条

什么是插槽 插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot>表示，父组件可以在这个占位符中填充任何模板代码，如HTML、组件等，最后页面渲染后会将填充的模板代码替换子组件的

VueComponent构造函数 1.组件的本质是一个名为VueComponent的构造函数，是Vue.extend生成的。 2.注册完组件，只需要写注册时的组件名作为标签（单标签或者双标签都可以），

CSS全局样式 全局样式的写法: 1.在.vue文件中的style中写的样式，打包后就是全局样式 2.写一个css文件，在项目中导入import './index.css'就是全局样式 如果全局样式出

单文件组件 .vue文件 .vue文件，称之为单文件组件，是vue.js自定义的一种文件格式，一个.vue文件就是一个单独的组件，在文件内封装了组件相关的代码：HTML、css、JS .vue文件是由

nextTick函数作用 等待下一次 DOM 更新刷新的工具方法，nextTick() 可以在状态改变后立即使用，以等待 DOM 更新完成。可以传递一个回调函数作为参数，或者 await 返回的 Pr

数据更新时的一个问题 问题演示：数据发生了改变，但是页面并没有渲染新的数据 Vue监测数据的原理 1.Vue会通过Object.defineProperty（）来劫持data中各个属性的setter，

什么是生命周期函数 生命周期函数也称为钩子函数，Vue组件对象在创建到销毁的过程中，在某一种条件成立的时刻，系统会调用的Vue中设定的函数。 组件中的8个生命周期函数 当前Vue组件在创建到销毁的过程

组件基础 组件，一个模板标签就是一个组件，网页可由多个组件组成，每一个组件都有自己的数据源，方法，过滤器，计算属性，属性侦听，生命周期函数等 组件注意点：注册组件时组件名不能用系统使用过的，一个组件的

指令 指令：vue中指令就是标签v-开头的一种自定义的标签的属性，它在vue运行以后就具有封装号的功能，使用时就比较简洁。 v-后面的就是指令的名称，封装功能在directives中设置一个对象作为其

列表过滤 需要用到filter()方法，该方法返回数组中满足条件的元素组成的新数组，原数组不变。filter()的参数是一个回调函数 回调函数的返回值是布尔值，原数组有几个元素就调用几次回调函数，每调