介绍Vue-Chimera
我们在这里为VueJ引入一个反应式的宁静客户端 :Vue-Chimera
您是否想过在宁静的端点进行反应? Vue Chimera为您提供了将资源绑定到数据的功能,这意味着当您的组件数据更改时,将自动更新相关的静态资源。
加载标志和…也会被触发更改。
您也可以为其设置一个时间间隔以自动刷新它。
要安装Vue Chimera,只需运行以下命令:
npm install-保存vue-chimera
然后将其导入并在Vue中使用
- 支持新社区
- 具有对象存储的无服务器ToDo应用程序
- 第1部分:如何使用Vue js和Laravel 5.5 API构建Job Board? (更新)
- 使用Vue.js和Laravel 5.3构建Google Maps Typeahead功能
- 使用Google App脚本和Google表格创建课程注册系统
从“ 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。
非常感谢。