Vue-Router相关
官方文档
安装
npm install vue-router
router.js
import Vue from 'vue'
import VueRouter from 'vue-router'
import pageA from './pages/a.vue'
import pageB from './pages/b.vue'
Vue.use(VueRouter)
const routes = [
{
path: '/pagea',
component: pageA
},
{
path: '/pageb',
component: pageB
}
]
const router = new VueRouter({
routes
})
export default router
main.js
import Vue from 'vue'
import router from './router'
Vue.config.productionTip = false
new Vue({
router
}).$mount('#app')
public/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app">
<!-- 路由展示的地方 -->
<router-view></router-view>
</div>
<!-- 打包后会将js插入这里 -->
<!-- built files will be auto injected -->
</body>
</html>