vue引入路由的几种方式 包含路由懒加载方式

方式一：

// router.js 此处省略Router等的引入

import HelloWorld from '@/components/HelloWorld'
export default new Router({
	routes:[
		{
			path:'/',
			name:'HelloWorld',
			components:HelloWorld 
		}
	]
})

方式二：resolve=>(require([‘地址’],resolve))的方式实现路由懒加载

// router.js 此处省略Router等的引入

export default new Router({
	routes:[
		{
			path:'/',
			name:'HelloWorld',
			components:resolve=>(require(['@/components/HelloWorld'],resolve))
		}
	]
})

方式三：也是实现路由懒加载

// router.js 此处省略Router等的引入

const HelloWord=()=>import ('@/components/HelloWord')
export default new Router({
	routes:[
		{
			path:'/',
			name:'HelloWord',
			components:'HelloWord'
	]
})