Vue 为单页面提速----- 性能优化

开发方面：

一，路由懒加载
当打包构建应用时，所有的js 代码会打包到一个js文件里，会影响到页面加载，可能会导致首页白屏的情况，用户体验感超级差

解决方法如下：

将不同的路由对应的组件拆分成不同的代码块，只有当路由被访问时才会加载对应的组件（即让路由延迟加载）

const HelloWorld= () => import(/* webpackChunkName: "HelloWorld" */'@/views/helloWorld.vue') // 引入组件
//在路由里使用HellowWorld
const router = new VueRouter({
   
	routes: [
		{
    path: '/foo' component: HelloWorld }
	]
})

二，组件懒加载
当一个页面嵌入了多个组件与此同时将会带来过多的http请求，可能会导致页面加载速度以及渲染速度参差不齐的问题

export default {
   
	componrnts: {
   
		helloWorld: