Vue router
分类:
文章
•
2024-11-29 15:20:52
Vue router
- 安装：npm install vue-router或cnpm install vue-router或yarn add vue-router
- 在新建router.js中引用如下代码import Vue from 'vue’import VueRouter from 'vue-router’Vue.use(VueRouter)
- 在src中新建view文件夹，在view新建例如：Home文件夹，在文件夹中新建index.vue
- 在router.js中设置如下两步
1、import Home from ‘./views/Home/’
2、export default new VueRouter ({
routes: [
{
path: ‘/’,
redirect: ‘/home’ //设置默认指向
},
{
path: ‘/home’,
component: Home
}
]
})
- 在App.vue中的div内引入
- 在main.js中 import router from ‘./router’在new的实例中增加router，具体如下：
