vue 如何处理两个组件异步问题_vue异步组件(高级异步组件)使用场景及实践

背景介绍：

随着项目越来越大，性能问题已经成为了困扰业务发展的重要因素。

功能不停地累加后，核心页面已经不堪重负，访问速度愈来愈慢。

业务发展、用户体验都非常迫切的需要释放页面的负载，提高页面加载速度。

一直在寻找一个优雅的实现前端模块化、并能按权重的优先级顺序异步加载的实现方案。突然了解到vue的异步组件，于是便专门研究实践了一下。

首先看一下官网对异步组件的介绍：

嗯，比较简单的介绍，不过这个特性确实是我眼前一亮，接下来就上代码，看看效果如何：

webpack简单设置以及工程结构

简单的webpack+vue配置

var webpack = require('webpack');

module.exports = {

watch: true, //监听变化自动编译

entry: {

'index': './src/index.js',

},

output: {

path: './dist/',

filename: '[name].min.js',

publicPath:'./dist/'

},

module: {

loaders: [

{

tes