【文件属性】:
文件名称:vuex-hydra:Vuex插件可通过后端数据轻松实现存储水化
文件大小:161KB
文件格式:ZIP
更新时间:2021-05-24 07:47:22
JavaScript
Vuex九头蛇
Vuex插件可利用外部数据为您的商店充水。
它可用于前端,而无需进一步的API请求即可立即访问后端数据。 存储数据可以在HTML或窗口对象直接进行传递,从JSON读取。
查看下面的示例以获取更多信息。
用例
将动态/运行时数据从后端传递到Vuex存储中
防止多余的API请求
加快商店初始化
设置
使用npm或yarn安装插件
npm install --save vuex-hydra
yarn add vuex-hydra
将vuex-hydra导入到您的项目中,这将使$hydrate功能在所有组件中可用
import Vue from 'vue' ;
import Vuex from 'vuex' ;
import VuexHydra from 'vuex-hydra' ;
Vue . use ( Vuex ) ;
Vue . use ( VuexHydra )
【文件预览】:
vuex-hydra-master
----public()
--------index.html(845B)
----.eslintrc.js(532B)
----src()
--------plugin.js(690B)
--------hydra.js(813B)
--------index.d.ts(390B)
--------lib.js(2KB)
--------index.js(59B)
----babel.config.js(102B)
----.npmignore(348B)
----demo()
--------main.js(1007B)
--------store.js(1KB)
--------components()
----LICENSE(1KB)
----jest.config.js(754B)
----README.md(4KB)
----vue.config.js(291B)
----.editorconfig(160B)
----tests()
--------unit()
----.gitignore(275B)
----package-lock.json(604KB)
----package.json(1KB)