如何在Vuex中使用商店?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
<强> 1。什么是商店?
<代码> Vuex> 仓存储库里面放了很多对象。其中状态就是数据源存放地,对应于与一般Vue 对<代码>象里面的<代码> 数据(后面讲到的<代码>动作和<代码> 突变对应于<代码> 方法)。
在使用<代码> Vuex> 实例<代码>新Vuex.store ({getter,突变,行动})> 。
class 商店{
constructor 才能;(options =, {}), {//1。才能部分2个断言函数& # 39;判断条件
断言(Vue,才能“must call Vue.use (Vuex), before creating a store
instance.才能”),//,在商店实例化之前一定要确保Vue的存在
维护才能(typeof Promise !==, & # 39;未定义# 39;,,“vuex requires a Promise polyfill 拷贝却;能够browser.”)//才能确保承诺存在
,,//才能,2。结构赋值拿到选项里面的状态,插件和严格
const {才能
state 才能=,{},//rootState
时间=plugins 才能;[],,//,插件
时间=strict 才能;false //是否严格模式
,,},=,选项
,,//才能,3. store internal 国家创建商店内部属性
时间=this._options 才能;options //存储参数
this._committing 才能=,false //标识提交状态,保证修改状态只能在突变里面,不能在外部随意修改
时间=this._actions 才能;Object.create (null),//存储用户定义的行为
时间=this._mutations 才能;Object.create (null),//存储用户定义的突变
时间=this._wrappedGetters 才能;Object.create (null),//存储用户定义的getter
时间=this._runtimeModules 才能;Object.create (null),//存储运行时的模块
时间=this._subscribers 才能;[],//存储所有堵突变变化的订阅者
时间=this._watcherVM 才能;new Vue(),//借Vue实用例的方法,观察美元来观测变化
,,//4。才能将调度和提交的这个指向当前店实例
const 才能;store =,
const 才能{调度的不同之处是,commit },=,
this.dispatch 才能=,function boundDispatch (类型,负载),{
return 才能;dispatch.call(商店、,类型,有效负载)}
this.commit 才能=,function boundCommit (类型,负载,选项),{
return 才能;commit.call(类型,商店,还以为,有效载荷,选项)}}
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。
