vue-router和根实例之间的问题

(比较愚钝可能自己理解的都不对..)

先说一下问题产生的过程....

我想做一个如下的样式的SPA：

上面有一些公共部分，我就用了var vm = new Vue({ ...})直接挂到body下面，进行了一些操作，绑定了一些不随着底下标签变化的数据和交互的methods到这里。

下面标签一二三，分别对应地下内容的切换，这时候我打算用vue-router，大概是类似这样的代码：

var mymobile = Vue.extend({});
var router = new VueRouter();

router.map({
    '/index': {
        component: MyComponent
    },
    '/': {
        component: MyComponent
    },
    '/articlelist': {
        component: articleList
    }
    //......
});

router.start(mymobile);    

这时候报错提示vue-router.min.js:6 [vue-router] <router-view> can only be used inside a router-enabled app.

但是如果把自己写的var vm = new Vue({ ...})这些注释掉就没问题了。。。

现在搞不清楚根实例和路由之间是什么关系？

如果不能用根实例那么用一个根组件(有相应的数据和交互操作)么？

根组件和根实例又是啥关系？

感觉是不是不需要建立根实例这种东西？

晕了....希望高手指点一二

---

Vue.use(router).