Vuex之Store的详细用法 骑猪看日落 2022-06-10 01:20 236阅读 0赞 Vuex就是提供一个仓库,Store仓库里面放了很多对象。其中state就是数据源存放地,对应于与一般Vue对象里面的data(后面讲到的actions和mutations对应于methods)。 在使用Vuex的时候通常会创建Store实例new Vuex.store(\{state,getters,mutations,actions\})有很多子模块的时候还会使用到modules。 ![2017419144704322.png_2017319144720][] 总结,Store类就是存储数据和管理数据方法的仓库,实现方式是将数据和方法已对象形式传入其实例中。要注意一个应用或是项目中只能存在一个Store实例!! **2.Store源码分析** [?][Link 1] <table style="border-collapse:collapse; border-spacing:0px; border:1px solid rgb(204,204,204); margin-top:0.54em; text-align:center; width:784px; clear:both; background:none!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin-right:0px!important; margin-bottom:0px!important; margin-left:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-size:1em!important; min-height:auto!important"> <tbody style="background:none!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; text-align:left!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-size:1em!important; min-height:auto!important"> <tr style="background:none!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-size:1em!important; min-height:auto!important"> <td style="padding:0.2em 0.46em; border:1px solid rgb(204,204,204); margin:0px!important; background:none!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-size:1em!important; min-height:auto!important; color:rgb(175,175,175)!important"> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 1 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 2 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 3 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 4 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 5 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 6 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 7 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 8 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 9 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 10 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 11 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 12 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 13 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 14 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 15 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 16 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 17 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 18 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 19 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 20 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 21 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 22 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 23 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 24 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 25 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 26 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 27 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 28 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 29 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 30 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 31 </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 0.5em 0px 1em!important; border-width:0px 3px 0px 0px!important; border-top-style:initial!important; border-right-style:solid!important; border-bottom-style:initial!important; border-left-style:initial!important; border-top-color:initial!important; border-right-color:rgb(108,226,108)!important; border-bottom-color:initial!important; border-left-color:initial!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> 32 </div> </td> <td style="padding:0.2em 0.46em; border:1px solid rgb(204,204,204); width:744px; margin:0px!important; background:none!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-size:1em!important; min-height:auto!important"> <div style="line-height:15.4px; margin:0px!important; padding:0px!important; background:none!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:relative!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">class Store{ </code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">constructor (options = {}) { </code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important; color:rgb(0,130,0)!important">// 1.部分2个‘断言函数'判断条件</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">assert(Vue, `must call Vue.use(Vuex) before creating a store </code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">instance.`) </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important; color:rgb(0,130,0)!important">// 在Store实例化之前一定要确保Vue的存在</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">assert(</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">typeof</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> Promise !== 'undefined', `vuex requires a Promise polyfill </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">in</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important"> this</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> browser.`)</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important; color:rgb(0,130,0)!important">//确保promise存在</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important; color:rgb(0,130,0)!important">// 2.结构赋值拿到options里面的state,plugins和strict</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">const { </code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">state = {}, </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important; color:rgb(0,130,0)!important">//rootState</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">plugins = [], </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important; color:rgb(0,130,0)!important">// 插件</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">strict = </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">false</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important; color:rgb(0,130,0)!important"> //是否严格模式</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">} = options</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important; color:rgb(0,130,0)!important">// 3.Store internal state创建store内部属性</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">this</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">._options = options </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important; color:rgb(0,130,0)!important">//存储参数</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">this</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">._committing = </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">false</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important; color:rgb(0,130,0)!important"> //标识提交状态,保证修改state只能在mutation里面,不能在外部随意修改</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">this</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">._actions = Object.create(</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">null</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">) </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important; color:rgb(0,130,0)!important">//存储用户定义的actions</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">this</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">._mutations = Object.create(</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">null</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">) </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important; color:rgb(0,130,0)!important">//存储用户定义的mutations</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">this</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">._wrappedGetters = Object.create(</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">null</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">) </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important; color:rgb(0,130,0)!important">//存储用户定义的getters</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">this</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">._runtimeModules = Object.create(</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">null</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">) </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important; color:rgb(0,130,0)!important">//存储运行时的modules</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">this</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">._subscribers = [] </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important; color:rgb(0,130,0)!important">//存储所有堵mutation变化的订阅者</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">this</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">._watcherVM = </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">new</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> Vue() </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important; color:rgb(0,130,0)!important">//借用Vue实例的方法,$watch来观测变化</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important; color:rgb(0,130,0)!important">// 4.将dispatch和commit的this指向当前store实例</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">const store = </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">this</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">const { dispatch, commit } = </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">this</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">this</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">.dispatch = </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">function</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> boundDispatch (type, payload) { </code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">return</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> dispatch.call(store, type, payload)}</code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">this</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important">.commit = </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">function</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> boundCommit (type, payload, options) { </code> </div> <div style="line-height:15.4px; margin:0px!important; padding:0px 1em!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important"> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> </code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-weight:bold!important; min-height:auto!important; color:rgb(0,102,153)!important">return</code> <code style="margin:3px auto 0px; padding:0px 0px 0px 5px; border-left:3px solid rgb(108,226,108); line-height:20px; width:640px; clear:both; border-top:0px!important; border-right:0px!important; border-bottom:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; min-height:auto!important"> commit.call(store, type, payload, options)}}</code> </div> </div> </td> </tr> </tbody> </table> [2017419144704322.png_2017319144720]: http://files.jb51.net/file_images/article/201704/2017419144704322.png?2017319144720 [Link 1]: http://www.jb51.net/article/111585.htm#
还没有评论,来说两句吧...