vue框架引入路由的步骤?
时间: 2023-06-29 17:07:50 浏览: 52
1. 安装 Vue Router:使用 npm 或 yarn 安装 Vue Router。
```
npm install vue-router --save
```
2. 引入 Vue Router:在项目入口文件中引入 Vue 和 Vue Router。
```javascript
import Vue from 'vue';
import VueRouter from 'vue-router';
Vue.use(VueRouter);
```
3. 定义路由:创建一个路由配置文件,定义路由映射关系。
```javascript
const router = new VueRouter({
routes: [
{
path: '/',
component: Home
},
{
path: '/about',
component: About
}
]
})
```
4. 注册路由:在 Vue 实例中注册路由。
```javascript
new Vue({
el: '#app',
router,
render: h => h(App)
})
```
5. 使用路由:在组件中使用 router-link 和 router-view。
```html
<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>
<router-view></router-view>
```
以上就是引入 Vue Router 的基本步骤。