摘要：
1. React.lazy的用法 React.lazy方法可以异步加载组件文件。 const Foo = React.lazy(() => import('../componets/Foo)); React.lazy不能单独使用，需要配合React.suspense，suspence是用来包裹异步组 阅读全文
摘要：
1. 代码覆盖率 Coverage 打开chrome DevTools，ctrl + shift + p，输入coverage命令，回车，调出coverage面板 进行录制，即可分析，加载或执行期间的，js被执行到情况，未被执行的js，就是可以优化的点，可以移除死代码，或懒加载非必要代码 2. CP 阅读全文
摘要：
1. Vue.extend Vue.extend就是传入一下组件options，然后返回了一个Vue的子类，也可以看做是一个组件构造函数。 真的是一个Vue的子类，源码中，使用原型集成和Copy属性和方法形式，将其继承自Vue。 const Sub = function VueComponent ( 阅读全文
摘要：
1. 加载优化 1. 压缩合并2. 代码分割(code spliting)，可以基于路由或动态加载3. 第三方模块放在CDN4. 大模块异步加载，例如: Echarts，可以使用require.ensure，在加载成功后，在显示对应图表5. 小模块适度合并，将一些零散的小模块合并一起加载，速度较快6 阅读全文
摘要：
vue组件 countdown.vueindex.js import countdown from './countdown.vue' export {countdown} 从.vue文件直接引入组件，导出即可，组件就是一堆vue对象的options vue插件 插件的方便之处，就是可以在insta 阅读全文
摘要：
vue指令(directive)一般用于直接对DOM元素进行操作。 vue中已经提供的指令有很多：v-text, v-html, v-bind, v-on, v-model, v-if, v-show 等等 1. 指令的定义形式 // 注册一个全局自定义指令 `v-focus` Vue.direct 阅读全文