vueRouter路由分文件模块化

因为项目路由多起来了,要把导航对应的路由分出去,记录一下。
在router文件夹下再创建一个shop.js放单独的路由,默认跳转首页shopHome

const shopHome= () =>
    import ('../view/demo/mall/s-home.vue');//懒加载
const category = () =>
    import ('../view/demo/mall/s-category.vue');

用到了es6的模块化export,不熟悉的可以先查一下,有很多种写法。

export 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: "vuerouter" 未定义。 这意味着在代码中没有找到 vuerouter 这个变量或模块。请检查代码中是否有正确的引用 vue-router 库或者是否在正确的作用域中使用了 vue-router。 ### 回答2: Vue RouterVue.js的官方路由插件,在Vue.js中用于构建单页面应用程序(SPA)中的导航。如果出现"vuerouter is not defined"的错误,通常有以下几种原因和解决方案: 1. 没有正确引入Vue Router 如果Vue Router没有正确引入,浏览器就无法识别它。在Vue.js文件中,应该使用import语句来引入Vue Router模块。可以在Vue.js文件中添加以下代码: `import VueRouter from 'vue-router';` 如果仍然收到此错误,请确保已经正确安装Vue Router,可以使用以下命令安装: `npm install vue-router` 2. 没有正确初始化Vue Router 即使已正确引入Vue Router模块,如果没有正确初始化Vue Router,仍然会出现"vuerouter is not defined"的错误。在Vue.js文件中,应该使用Vue.use()方法来初始化Vue Router,可以在Vue.js文件中添加以下代码: `Vue.use(VueRouter);` 此外,在初始化Vue Router时还要配置路由。在Vue.js文件中,应该创建一个路由实例,将路由规则与相应的组件相关联。可以在Vue.js文件中添加以下代码: ``` const router = new VueRouter({ routes: [ { path: '/', name: 'home', component: Home }, { path: '/about', name: 'about', component: About } ] }) ``` 3. 拼写错误 最后,"vuerouter is not defined"的错误可能是由于拼写错误导致的。确保在Vue.js文件中正确使用变量名。 总之,"vuerouter is not defined"的错误发生通常有三种原因:没有正确引入Vue Router模块、没有正确初始化Vue Router和拼写错误。遵循上述解决方案,可以轻松解决该错误。 ### 回答3: VueRouter is not defined是Vue.js中常见的一个错误提示,表示VueRouter未定义。这个错误通常发生在引入和使用VueRouter的过程中,可能是由于引入不正确、版本不匹配或代码编写错误等原因导致。 在使用VueRouter之前,需要先将VueRouter引入到项目中。最常见的方式是使用npm进行安装,通过如下命令安装VueRouter: npm install vue-router --save 或在HTML页面中引入CDN: <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script> 引入后,需要在Vue实例中注册VueRouter才能使用。在使用VueRouter之前,需要调用Vue.use()方法进行注册。 Vue.use(VueRouter); 此外,还需要定义路由路由映射关系,这个过程称为路由配置。在创建VueRouter实例时,需要传入一个路由配置对象来定义路由和组件之间的映射关系。 const router = new VueRouter({ routes: [ { path: '/', component: Home }, { path: '/about', component: About } ] }) 以上是VueRouter的基本使用方法,如果出现VueRouter is not defined错误提示,可以检查以下几点: 1. 确认已经安装了VueRouter,在package.json文件中查看是否有安装vue-router依赖包,并且是否安装成功。 2. 确认Vue.use(VueRouter)已经被调用,需要在Vue实例创建前进行调用。 3. 确认Vue实例中是否使用了VueRouter,比如在Vue组件中需要使用import VueRouter from 'vue-router'引入VueRouter,也需要在组件中使用VueRouter对象。 4. 检查代码错误,比如错误的变量名、拼写错误等等,排查代码逻辑错误。 当发现VueRouter is not defined错误时,可以检查以上几个常见问题,如果无法解决,可以去Vue官网查看文档或者寻求其他开发人员的帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值