Vuex插件

Vuex插件

vuex插件:可以完成任意组件间信息交互(移动端) - 了解

"""
1)vuex是实现任何组件间的信息交互的,可以理解为全局的一个单例,为任何一个组件共享vue仓库里的数据
2)在任何一个组件的逻辑里,都可以访问仓库
    i)先在仓库里(store/index.js)定义变量,用来存储共享数据
    state: {
        info: '共享数据的初始值'
    },
    
    ii)在组件逻辑中获取仓库值
    let 变量 = this.$store.state.info
    eg: 变量 info:''
    this.info = this.$store.state.info
    
    iii)在组件逻辑中将仓库值更新成新值
    this.$store.state.info = '新值'

注:vuex通常运用在开发移动端项目,pc端项目可以用localStorege和localStorege数据库来替换
原因:vuex中的数据,会在页面刷新后,重置到store/index.js配置的默认值
"""

 

posted @ 2020-02-16 23:00  Hank·Paul  阅读(242)  评论(0编辑  收藏  举报