介绍Vue Chimera,反应式宁静API客户端

介绍Vue-Chimera

我们在这里为VueJ引入一个反应式的宁静客户端 :Vue-Chimera

您是否想过在宁静的端点进行反应? Vue Chimera为您提供了将资源绑定到数据的功能,这意味着当您的组件数据更改时,将自动更新相关的静态资源。
加载标志和…也会被触发更改。
您也可以为其设置一个时间间隔以自动刷新它。

要安装Vue Chimera,只需运行以下命令:

  npm install-保存vue-chimera 

然后将其导入并在Vue中使用

 从“ vue”导入Vue 
从“ vue-chimera”导入VueChimera
 Vue.use(VueChimera) 
  //现在,您可以在组件内部使用`chimera:{}`。 

Chimera中的事情非常简单:

考虑上述vue组件。 我们将自上而下进行解释。

除了$options之外, chimera对象中的每个键都是资源。
那是定义axios baseURL等选项的特殊键。
每个资源都可以通过模板的名称或在js内部通过以下方式访问: this.myResourceName

每个资源都有其自己的密钥:

  resource.loading //布尔值,指示资源正在加载 
resource.data //对象,响应中解析的JSON
resource.status //资源的最后HTTP状态
resource.lastLoaded //日期,最后一次加载资源的时间
resource.headers //对象,响应头
  resource.execute()//发送请求 
resource.cancel()//取消请求

加载组件时,将自动获取每个GET资源,但不会获取示例中的sendUser类的sendUser类的POST资源。
您可以 在以下资源中 定义 prefetch: false 来禁用GET资源或为POST资源启用: prefetch: true

要触发sendUser手动发送请求,您应该调用:

  this.sendUser.execute() 

与NuxtJS和服务器端提取功能一起使用

您还可以使用nuxtjs在服务器端获取资源。
有关更多信息,请访问:Vue Chimera与Nuxt.js一起使用

结论

希望我简要解释什么是vue-chimera和反应性资源,对不起,因为缺少细节。 获取github文档以获取更多信息,别忘了给Star。

非常感谢。