网上蛮多 vue-router 的例子和问题 但是比较少 最佳实践 初次接触vue,感觉弄了好久才弄好， vue init webpack my-project 安装项目之后 id=‘app’ 并不是 写在index.html中 而是写在app.vue 使用router的时候一直提示 找不到 #app所以 需要将 id = 'app'放在 index.html中 如下
// main.js
import Vue from 'vue'
import App from './App'
import VueRouter from 'vue-router'
/* eslint-disable no-new */
Vue.use(VueRouter)
const router = new VueRouter()
const Foo = Vue.extend({
template: '<p>This is foo!</p>'
})
const Bar = Vue.extend({
template: '<p>This is bar!</p>'
})
router.map({
'/foo': {
component: Foo
},
'/bar': {
component: Bar
}
})
router.start(App, '#app’) //
// index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hyzs-1</title>
</head>
<body>
<div id="app">
<app></app>
</div>
<!-- built files will be auto injected -->
</body>
</html>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。