美文网首页Vue学习笔记
Vue路由跳转配置

Vue路由跳转配置

作者: 东了个尼 | 来源:发表于2019-11-26 10:17 被阅读0次
    vue路由配置:
        1.安装 
        npm install vue-router  --save   / cnpm install vue-router  --save
        2、引入并 Vue.use(VueRouter)   (main.js文件中)
          2.1导入VueRouter组件
            import VueRouter from 'vue-router'
            2.2引用VueRouter
            Vue.use(VueRouter)
        3、配置路由
            1、创建组件 引入组件
            2、定义路由  (建议复制)
                const routes = [
                  { path: '/foo', component: Foo },
                  { path: '/bar', component: Bar },
                  { path: '*', redirect: '/home' }   /*默认跳转路由*/
                ]
            3、实例化VueRouter
                const router = new VueRouter({
                  routes // (缩写)相当于 routes: routes
                })
    
            4、挂载(将 router 引入到vue实例中)
            new Vue({
              el: '#app',
              router,
              render: h => h(App)
            })
    

    相关文章

      网友评论

        本文标题:Vue路由跳转配置

        本文链接:https://www.haomeiwen.com/subject/tqcewctx.html