[JavaScript知识库]vue 项目优化/扩展

1. 缓存路由组件对象
	<keep-alive>
		<router-view></router-view>
	</keep-alive>

优点：复用路由组件对象, 复用路由组件获取的后台数据

2. 路由组件懒加载
	import Vue from 'vue'
	import Router from 'vue-router'

	Vue.use(Router)

	export default new vueRouter({
		routes: [{
			path: "/",
			name: "home",
			component: () => import("@/components/home") // 路由懒加载
		}, {
			path: "/login",
			name: "login",
			component: () => import('@/component/login')
		}]
	})

3. 图片懒加载 vue-lazyload
	3.1 安装
	npm install vue-lazyload --save-dev
	
	3.2 在项目 mian.js 中配置
	import VueLazyload from "vue-lazyload"

	// 图片懒加载
	Vue.use(VueLazyload, {
		loading: require("@/assets/load.gif")
	}) 
	
	3.3 在组件中使用(其中 v-lazy 相当于 v-bind:src)
		<img v-lazy="require("@/assets/logo.png")"/>