您的位置:首页 > Web前端 > Vue.js

Vue router

2020-07-24 12:32 53 查看

Vue router

  1. 安装:npm install vue-router或cnpm install vue-router或yarn add vue-router
  2. 在新建router.js中引用如下代码import Vue from 'vue’import VueRouter from 'vue-router’Vue.use(VueRouter)
  3. 在src中新建view文件夹,在view新建例如:Home文件夹,在文件夹中新建index.vue
  4. 在router.js中设置如下两步
    1、import Home from ‘./views/Home/’
    2、export default new VueRouter ({
    routes: [
    {
    path: ‘/’,
    redirect: ‘/home’ //设置默认指向
    },
    {
    path: ‘/home’,
    component: Home
    }
    ]
    })
  5. 在App.vue中的div内引入
  6. 在main.js中 import router from ‘./router’在new的实例中增加router,具体如下:
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: