使用npm安装Vue Router:
bash npm install vue-router --save
在Vue应用中创建Vue Router实例:
javascript
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from './views/Home.vue'
Vue.use(VueRouter)
const router = new VueRouter({
mode: 'history',
routes: [
{
path: '/',
name: 'home',
component: Home
}
]
})
export default router
在Vue Router实例中配置路由:
mode:路由模式,支持hash和history模式。routes:路由表,每个路由都是一个对象,包括路径、名称和组件。在Vue应用中使用Vue Router:
javascript
import Vue from 'vue'
import App from './App.vue'
import router from './router'
new Vue({
router,
render: h => h(App)
}).$mount('#app')
创建路由组件,并在路由表中配置:
javascript
import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'home',
component: Home
}
]
})
以上是使用Vue Router进行路由管理的基本步骤,可以根据具体需求进行进一步的配置和扩展。