Vue使用 vue-router 步骤

1.下载

命令 npm install vue-router --save

2.引用到 main.js里面

import VueRouter from “vue-router”;

Vue.use(VueRouter);
3.引用其他组件
例：
import News from “./components/News”;
import Users from “./components/Users”;

4.将其他组件引用到 router里面 定义新的访问路径

const routes =[
{path:’/news’,component:News},
{path:’/users’,component:Users}
]
5.新建一个router 将routes 放进去

const router =new VueRouter(
{
routes
}
)

6.将router 放入 Vue里面
new Vue({
router,
render: h => h(App),
}).$mount(’#app’)

7.使用
在App.vue里面

<router-link to="/users">我的</router-link>
<router-link to="/news">新闻页面</router-link>

<br>
<hr>
<br>

<router-view></router-view>