懒加载没反应
这是路由文件,正常添加的,要是把后缀xxx.vue去掉就报错,说这个东西找不到,这是什么原因呢?
加上xxx.vue吧,还没有最后老师视频中5.js 4.js 3.js的挨个展示加载的效果
正在回答
同学你好,需要注释掉如下代码才能有懒加载的效果,如下:
如下:
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
import Vue from 'vue'
import Router from 'vue-router'
import Home from 'pages/home/home.vue'
import Category from 'pages/category/category.vue'
import Cart from 'pages/cart/cart.vue'
import Personal from 'pages/personal/personal.vue'
import Product from 'pages/product/product.vue'
import Search from 'pages/search/search.vue'
Vue.use(Router)
export default new Router({
routes: [
{name: 'home', path: '/home', component: ()=>import('pages/home/home.vue'), children: [ {name: 'home-product', path: 'product/:id', component: ()=>import('pages/product/product.vue') } ] },
{name: 'category', path: '/category', component: ()=>import('pages/category/category.vue')},
{name: 'cart', path: '/cart', component: ()=>import('pages/cart/cart.vue')},
{name: 'personal', path: '/personal', component: ()=>import('pages/personal/personal.vue')},
{name: 'search', path: '/search', component: ()=>import('pages/search/search.vue')},
{path: '*', redirect: '/home'}
]
})
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理,通过ES6基础知识和前端主流高级框架的学习,助你快速构建企业级移动webAPP应用,进入职场的终极battle
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星