美文网首页
Vuex学习(一)--项目引用实际操作(基础)

Vuex学习(一)--项目引用实际操作(基础)

作者: 了彧 | 来源:发表于2018-11-22 16:55 被阅读0次
    Vuex核心

    实际操作步骤:

    1.引入Vuex

    (1)安装vuex:npm install vuex --save

    (2)在src文件夹中新建store/index.js文件(可根据自身喜好给文件起名),引用vuex:

    store/index.js
    main.js

    (3)在store文件夹中新建基本会用到的三个文件,分别是state.js,getters.js,mutations.js

    state.js
    getters.js
    mutations.js
    store/index.js中引用三个基础js文件

    (4)在组件中实现

    引入
    引用方法

    至此,一个简单的vuex小demo就实现啦!

    相关文章

      网友评论

          本文标题:Vuex学习(一)--项目引用实际操作(基础)

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