router.js
导入路由模块 vue-router
import VueRouter form 'vue-router'
导入组件
import index form './components/inde.vue'
让vue使用vue-router当做自己的路由
Vue.use(VueRouter)
创建一个路由对象并输出
export default newVueRouter({
router:[
{path: '/index', component: index}
]
})
app.js
导入一个根组件
import foo form './src/router.vue'
导入一个路由文件
import router form './src/router.js'
给根组件设置一个id
foo.el = '#root'
给根组件设置路由
foo.router = router
创建一个vue对象
export default new Vue(foo)
指定一个路由入口
router.push('index')
router.vue
js: this.$router.push(e); //更新指定路由入口