vue router 实例代码
时间: 2023-07-25 21:24:50 浏览: 25
以下是一个基本的 Vue Router 实例代码:
```javascript
// 引入 Vue 和 Vue Router
import Vue from 'vue'
import Router from 'vue-router'
// 引入组件
import Home from '@/components/Home'
import About from '@/components/About'
import Contact from '@/components/Contact'
// 使用 Vue Router
Vue.use(Router)
// 配置路由
const router = new Router({
routes: [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/about',
name: 'About',
component: About
},
{
path: '/contact',
name: 'Contact',
component: Contact
}
]
})
// 导出路由
export default router
```
在这个例子中,我们首先引入了 Vue 和 Vue Router,然后定义了三个组件:Home、About 和 Contact。接着,我们通过 Vue.use(Router) 来使用 Vue Router,并在配置路由时定义了三个路由,分别对应三个组件。最后,我们将路由导出,以便在 Vue 实例中使用。