如何将 vue-resource 与 vue-router 实例一起使用?

Posted

技术标签:

【中文标题】如何将 vue-resource 与 vue-router 实例一起使用?【英文标题】:How to use vue-resource with a vue-router instance? 【发布时间】:2016-12-22 00:49:48 【问题描述】:

在安装路由器之前,我设置了一个全局 Vue 实例并像这样使用 vue-resource:

export const befriend = (recipient, event) => 
    Vue.http.post('/route',
        // Data
    ).then(function(response) 
        // Success
    .bind(this), function(response) 
        // Error
    );

现在我的 Vue 实例正在被路由器本身实例化,如下所示:

router.start(App, 'body');

当我的实例没有绑定变量时如何使用 vue-resource?

【问题讨论】:

【参考方案1】:

没关系,我在隐藏在页面底部的 vue-router 文档中找到了答案。

另外:

一旦初始化,根 Vue 实例将作为 router.app 可用 渲染完成。

路由器实例将在路由器的所有后代中可用 app as this.$router.

希望这对没有阅读所有文档的其他人有用。

【讨论】:

以上是关于如何将 vue-resource 与 vue-router 实例一起使用?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 vue-resource 添加额外的标头来发布请求?

我可以使用 vue-resource 获得 httpOnly cookie 吗?

Vue中实现与后台的数据交换(vue-resource)

如何在 vuex 商店中使用 vue-resource ($http) 和 vue-router ($route)?

vue-resource全攻略

vue-resource