Blogger Information
Blog 77
fans 0
comment 2
visits 55666
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
vue全局对象的添加,配置(类型声明)不是vuex
南瓜又个梦
Original
733 people have browsed it

1,达到的目的
全局状态管理
2,使用这种方式的好处
(1).解耦:将所有数据相关的逻辑放入 store(也就是 MVC 中的 Model,换了个名字而已)
(2)数据读写更方便:任何组件不管在哪里,都可以直接读写数据
(3).控制力更强:组件对数据的读写只能使用 store 提供的 API 进行(当然也不排除有猪队友直接对 tagList 和 recordList 进行 push 等操作,这是没有办法禁止的)
2,所包含的文件和内容
main.ts
store/index2
xxx.d.ts
3,代码
main.ts

  1. Vue.prototype.$store2=store
  2. //项目中存在store这个对象

store/index2

  1. ....
  2. const store2={
  3. ....
  4. }
  5. ...
  6. export default store2

xxx.d.ts

  1. import Vue from 'vue';
  2. /**XXX.d.ts中有import 的话其他申明的类型使用使就需要import,没有importd的话就默认是自动引用的,所以这个文件需要单独放在一个d.ts文件中,这样就不影响其他声明类型的使用
  3. **/
  4. declare module 'vue/types/vue'{
  5. interface Vue{
  6. $store2 : any
  7. }
  8. }
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post