vue router路由懒加载，路由嵌套

路由懒加载

路由懒加载的主要作用就是将路由对应的组件打包成一个个的js代码块，当你要用到这组件的时候，再去加载它。
这里说下，当你打包过后，你的每个组件会被打包到dist/static/js目录下，编号从0开始。


补充下，懒加载的写法（Es6）

这个是老师ppt上的

路由的嵌套
嵌套看这个图，就懂意思了吧

路由嵌套就是在套娃，先写好子组件的文件，然后在你想要显示的父组件里面写一个<router-view></router-view>来占位。
这些写好后，去到index.js里面配置好子路径，子路径的位置，就是在你想要显示的父路径的下面，写个children，注意，这个children一定要小写，我在HBilder里面写的时候，给我一个提示，我没注意就直接敲回车上去了。
上图：

这里的HomeNews和HomeMessages，我也是用了懒加载，前面一个空白的path：‘’，就是默认显示的。
最后，只需要在home下写上,配置好要跳转的路径。

完了。。。。。。。