Vuex
关注
分享
扫一扫
一个人两座城
不断积累学习经验，在前端的道路上越走越远，成为前端道路上的大神。^^
展开
-
vuex---axios请求环境配置
用到mock模拟1.下载：npm install --save mockjs2.新建相关文件和文件夹（src下面创建mock文件夹，mock文件夹下创建json文件夹和index.js文件，在json文件夹下创建相关jaon文件）如图：a.json3.设置请求文件index.js文件（mock文件夹下的）4.main.js中引用mock5.进行axios...原创 2020-03-15 22:37:29 · 366 阅读 · 0 评论 -
vuex表单处理
目录问题描述：当在严格模式中使用 Vuex 时，在属于 Vuex 的 state 上使用 v-model 会比较棘手。在用户输入时，v-model 会试图直接修改 state数据。在严格模式中，由于这个修改不是在 mutation 函数中执行的, 这里会抛出一个错误。vuex--表单处理解决方式：1.Vuex 的思维解决，给 <input> 中绑定 value，然后侦...原创 2020-03-15 21:06:16 · 423 阅读 · 0 评论 -
vuex严格模式
1.严格模式下，无论何时发生了状态变更且不是由 mutation 函数引起的，将会抛出错误。这能保证所有的状态变更都能被调试工具跟踪到。2.开启严格模式，仅需在创建 store 的时候传入 strict: true3.不要在发布环境下启用严格模式！...原创 2020-03-15 20:51:04 · 1375 阅读 · 0 评论 -
vuex-----actions属性
1.分发 Action：Action 通过 this.$store.dispatch("xxxx");方法触发 2.Actions 类似于 mutation，但是Actions 提交的是 mutation，而不是直接变更状 态（数 据）。Actions 可以异步操作。...原创 2020-03-15 19:44:05 · 190 阅读 · 0 评论 -
vuex------actions载荷
1.Action 通过 this.$store.dispatch("xxxx");方法触发2.先调用actions,在actions中调用mutations原创 2020-03-15 19:32:42 · 663 阅读 · 0 评论 -
vuex------mutations属性
分为如下两步：1.mutations,里面装着一些改变数据方法的集合，就是把处理数据逻辑方法全部放在mutations里面（当触发事件的时候想改变state数据的时候使用mutations） 2.注意：不能直接调用一个 mutations 中的处理函数 要使用this.$store.commit() 来进行调用。 ...原创 2020-03-15 14:55:21 · 197 阅读 · 0 评论 -
vuex————getters属性
1.概念：getters相当于之前组件中学习的计算属性,getters属性主要是对于state中数据的一种过滤2.使用场景：在项目开发中，有时候希望对state中的某个属性在多个组件中展示出不同状态3.书写位置：与state同级1）store.jsimport Vue from 'vue';import Vuex from 'vuex';// 在vue中使用vue...原创 2020-03-15 14:14:44 · 1135 阅读 · 1 评论 -
vuex---state对象
概念：1.Vuex 是一个专为 Vue.js 应用程序开发管理的一个模式。2.通过创建一个集中的数据存储，方便程序中的所有组件进行访问vue和vuex的对比：1.传统vue是单向数据流。如果是兄弟组件之间传值，兄弟组件间的状态传递无能为力2.我们经常会采用父子组件通过正向/逆向传值来对数据进行传递。以上的这些模式非常脆弱，通常会导致无法维护的代码...原创 2020-03-15 12:26:02 · 1027 阅读 · 0 评论