vue-router

来源：15-4 Vue-router(上)

慕数据9085346

2017-09-08

老师我一直没弄明白vue-router里:

① 定义（路由）组件和②定义路由有什么区别?

③ 创建 router 实例和④创建和挂载根实例又有什么区别？

之前就一直没有看懂，麻烦老师能解释一下么！QAQ谢谢老师了！！

// 1. 定义（路由）组件。

const Foo = { template: '<div>foo</div>' }

const Bar = { template: '<div>bar</div>' }

// 2. 定义路由

const routes = [

{ path: '/foo', component: Foo },

{ path: '/bar', component: Bar }

]

// 3. 创建 router 实例，然后传 `routes` 配置

const router = new VueRouter({

routes

})

// 4. 创建和挂载根实例。

const app = new Vue({

router

}).$mount('#app')

写回答

1回答

ustbhuangyi

2017-09-08

首页路由是基于组件的，也就是一个路由的 path 对应渲染一个组件，所以要先去定义路由组件（1），然后再去配置路由规则（2）。路由配置完成以后肯定需要基于这个配置初始化路由（3），路由初始化完成后要配合 Vue 使用（4）。

慕数据9085346

但是老师~我在这个项目里并没看到（1）定义（路由）组件，反而是多了一个import，是不是就意味着这个定义路由组件的作用跟这个import差不多呢？

2017-09-09

共1条回复

Vue.js2.5+cube-ui重构饿了么App（经典再升级）

掌握Vue1.0到2.0再到2.5最全版本应用与迭代，打造极致流畅的WebApp

9868 学习 · 4162 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1