问

javascript - webpack中使用vue路由设置不报错，但是不能显示啊啊

liujiayan0529_584 发布于 2022-10-31 03:10

vue

设置好了vue路由，npm run dev一下，不报错，但是路由不生效啊
代码如下：

//引入路由模块
import VueRouter from 'vue-router'
//使用路由模块
Vue.use(VueRouter);
//加载组件
import home from './components/Home/home.vue';

//创建路由对象
const router = new VueRouter({
    //配置router-link 指向的路由发生变化时候，当前a标签增加的激活样式
    routes: [
        {name: 'Home', path: '/home', component: home},
    ]
})


var vm = new Vue({
    el: '#app',
    render: h => h(app),    //h 是 createElement这个函数  编译app.vue组件
    //使用路由对象
    router: router
});`请输入代码`
还有：
    




图片：
![图片描述][1]

2 个回答

你没有贴App.vue中的代码我不知道你写了没有

Vue.use(Router)
Vue.use(Vuex)
export default new Router({
  routes: [
    {
      path: '/',
      component: App,
      redirect:'/in_theaters'},
    {
      path: '/in_theaters',
      component: in_theaters,
    },{
      path: '/coming_soon',
      component: coming_soon,
    },
    {
      path: '/top250',
      component: top250,
    },
    {
    path:'*',
      redirect:'/'
    }
  ]
})

配置完路由之后
要在App.vue中引用路由路径这个content 大概的意思就是这个地方加载你的Home.vue

  <el-col   :md="14" :lg="18" class="content">
        <router-view></router-view>
      </el-col>

2022-10-31 22:32 回答

田卫涛1983_407

好像是这样

vue-router

2022-10-31 22:32 回答

皮H痞

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签