美文网首页
vuex --安装 --基础

vuex --安装 --基础

作者: 小帅_Cs | 来源:发表于2018-11-05 20:08 被阅读0次

    1.npm i vuex -D装上依赖文件

    2.在src目录下建一个仓库文件夹,文件夹里面写入store.js如下


    3.store.js文件内容,进行暴露,然后main.js进行导入

    4.main.js导入

    5.接下来可以任意组件调用了,通过这种方式

    6.如果需要对数据进行操作

    查看所有组件信息均得到了修改

    关于

    关于vuex:

    1.vuex是专门为vue提供的状态管理工具

    2.便于维护,vue中引用vuex,解决状态之间的管理问题

    3.多个组件调用yi个状态,将组件与组件之间的传值改成组件与仓库之间的传值

    4.vuex适用于大型项目,如果不是大型项目,回事代码更加繁琐

    vuex的核心:

    state:存放多个组件共享的状态

    mutations:存放更改state里的状态的方法,是唯一一个更改状态的属性

    getters:用于state中的某一个状态进行过滤

    actions:用于调用事件动作,并传递给mutation

    modules:主要用来拆分state

    相关文章

      网友评论

          本文标题:vuex --安装 --基础

          本文链接:https://www.haomeiwen.com/subject/sjlexqtx.html