美文网首页react & vue & angularvue
Vue学习(46)vuex(1)

Vue学习(46)vuex(1)

作者: 哆啦C梦的百宝箱 | 来源:发表于2022-04-19 17:19 被阅读0次
image.png image.png
知识点

1:引入import ,即使放到了js的最后一行引入,也会提前,类似于函数的声明提前,又由于vuex创建store的时候,需要先Vue.use(vuex),所以我们在store的文件夹中去写入Vue.use(vuex),而不是在main.js中,会报错的啦。
2: 我们发现打印一下actions对象中方法的第一个参数,会发现context中包含很多东西,而mutations中的方法的第一个参数只是简单的state,是因为比如当逻辑很复杂的时候,一个actions中的方法之间可能需要相互的调用,需要借助dispatch方法,但是一般走到mutations中时,只需要和state交互。其实我们实验可以发现,直接在actions里的函数里面修改state,不去commit去调用mutations里面的方法,发现也是生效的,会感觉mutations多此一举,但是我们最好不要这么做,这么做之后你会发现开发者工具失效了。
3:vuex概念:在vue中实现集中式数据状态管理,适用于任意组件间的通信。当多个组件需要共享数据的时候使用。

相关文章

  • Vue学习(46)vuex(1)

    知识点 1:引入import ,即使放到了js的最后一行引入,也会提前,类似于函数的声明提前,又由于vuex创建s...

  • vuex状态管理的学习

    学习vuex首先要在vue的项目中安装vuexcnpm i vuex -S引入vuex 并注册import Vue...

  • VUEX用法

    1. import Vue from 'vue'import Vuex from 'vuex'import mut...

  • 2019-06-07

    import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)...

  • 2018-09-06

    import Vue from 'vue'import Vuex from 'vuex' Vue.use(Vuex...

  • Vuex 破门而入

    最近在学习vue。。。遇到vuex Vuex是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模...

  • vuex1.0入门说明

    vuex 1.0 vue1的版本vuex 是对vue中的数据源状态进行管理的框架 vuex的图解 vuex就是一个...

  • 创建store改变VUEX

    import Vue from "vue"; import Vuex from "vuex"; Vue.use(V...

  • Vuex 通俗版教程告诉你Vuex怎么用

    import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(V...

  • VueX--VUE核心插件

    使用VueX方法 1.安装vuex模块 npm install vuex --save 2.作为插件使用 Vue....

网友评论

    本文标题:Vue学习(46)vuex(1)

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