vue router 导入方式

时间：2017-06-06 22:52:12 阅读：413 评论：0 收藏：0 [点我收藏+]

　　vue router 的路由导入方式可用以下两种：

一：直接导入

import Hello from ‘@/components/Hello‘
@是在webpack.base.conf.js 配置：

 resolve: {
 　　extensions: [‘.js‘, ‘.vue‘, ‘.json‘],
 　　alias: {
 　　‘vue$‘: ‘vue/dist/vue.esm.js‘,
 　　‘@‘: resolve(‘src‘)
 　　}
 }
 
 二 ：路由懒加载方式
　　　当打包构建应用时，Javascript包会变得非常大，影响页面加载，路由懒加载可以在路由被访问的
时候才加载对应的组件，这样就更加高效了。

const Foo = resolve =>{
 require.ensure([‘./Foo.vue‘,() => {
 　　resolve(require(‘./Foo.vue‘))
 }])
}　
　　这里还有另一种代码分块的语法，使用 AMD 风格的 require，于是就更简单了：

const Foo = resolve => require([‘./Foo.vue‘], resolve)；
　　之后的使用就跟之前是一样的了

const router = new VueRouter({ 
　　routes: [ { path: ‘/foo‘, component: Foo } ] 
})
参考：https://router.vuejs.org/zh-cn/advanced/lazy-loading.html
 

vue router 导入方式

原文：http://www.cnblogs.com/zhou-lei/p/6953978.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)