当前位置:   article > 正文

Vue 注册vue-router后页面空白_vue2 路由注册没有显示出来页面

vue2 路由注册没有显示出来页面

vue 2的项目安装vue-router使用的版本应该为 3

npm i vue-router@3
  • 1

在这里插入图片描述

import VueRouter from "vue-router";

//引入路由组件
import Home from "@/pages/Home"
import Search from "@/pages/Search"
import Register from "@/pages/Register"
import Login from "@/pages/Login"


export default new VueRouter({
    routes:[
        {
            path:'/Home',
            component:Home
        },
    ]
})
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17

Vue.use(VueRouter)应该写在main.js中

import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
Vue.config.productionTip = false
import router from './router'

new Vue({
  render: h => h(App),
  //注册路由
  router
}).$mount('#app')

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/381863
推荐阅读
相关标签
  

闽ICP备14008679号