书架

# Vue keep-alive实践总结 `<keep-alive>`是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 > `<keep-alive>` 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 `<transition>` 相似，`<keep-alive>` 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。 <!-- more --> **prop:** * include: 字符串或正则表达式。只有匹配的组件会被缓存。 * exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存。

# ES7前端异步玩法：async/await理解 在最新的ES7（ES2017）中提出的前端异步特性：async、await。 <!-- more --> ## 什么是async、await？ async顾名思义是“异步”的意思，async用于声明一个函数是异步的。而await从字面意思上是“等待”的意思，就是用于等待异步完成。并且await只能在async函数中使用 通常async、await都是跟随Promise一起使用的。为什么这么说呢？因为async返回的都是一个Promise对象同时async适用于任何类型的函数上。这样await得到的就是一个Promise对象(

我们在使用vue 脚手架时，为了规范团队的代码格式，会有一个代码规范检测，如果不符合规范就会报错，有时候我们不想按照他的规范去写。这时我们需要关闭。这里有两种方法。 <!-- more --> 1.在搭建vue脚手架时提示是否启用eslint检测的。 Use ESLint to lint your code? 写 no; 2.如果项目已经生成，我们可以这样。 在项目中代开 bulid 文件夹下的 webpack.base.config.js 文件。将以下代码删掉或注销： ```javascript { test: /\.(js|vue)$/, loade