javascript - vue-router和根实例之间的问题
PHPz
PHPz 2017-04-11 12:24:32
[JavaScript讨论组]

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

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

我想做一个如下的样式的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] can only be used inside a router-enabled app.

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

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

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

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

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

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

PHPz
PHPz

学习是最好的投资!

全部回复(1)
黄舟

Vue.use(router).

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号