自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

mandy' blog

personal learning experience

  • 博客(5)
  • 收藏
  • 关注

原创 vuex---mapGetters和mapActions

若有多个getter时,可用...mapGetters([ ]),需要先export引入,且是es6语法,需要安装bable插件...mapActions([ ])同理;这样写可以简化代码;具体用法如下:// productListOne.vue中<script>import {mapGetters} from 'vuex'import {mapActions...

2018-12-10 21:53:43 1559

原创 vuex使用前与使用后的写法---action(触发事件改变此事件时--变更状态)

Action 提交的是 mutation,而不是直接变更状态。 Action 可以包含任意异步操作。Action 函数接受一个与 store 实例具有相同方法和属性的 context 对象,因此可以调用 context.commit 提交一个 mutation,或者通过 context.state 和 context.getters 来获取 state 和 getters。 通过actio...

2018-12-10 21:30:56 2366

原创 vuex使用前与使用后的写法---mutation(触发事件改变此事件时--变更状态)

更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数。当触发事件时使用mutation,而不是computed或getters使...

2018-12-07 17:24:32 2192

原创 vuex使用前与使用后的写法---getters(获取事件)

如果有多个组件需要用到此属性,我们要么复制这个函数,或者抽取到一个共享函数然后在多处导入它——无论哪种方式都不是很理想。Vuex 允许我们在 store 中定义“getter”(可以认为是 store 的计算属性)。就像计算属性一样,getter 的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算。Getter 接受 state 作为其第一个参数。 需求:...

2018-12-07 16:46:24 3182 1

原创 vuex使用前与使用后的写法---state搭建vuex中央状态管理

项目搭建完成后,不使用vuexsrc文件夹里:App.vue:<template> <div id="app"> <product-list-one v-bind:products="products"&amp

2018-12-07 10:19:41 388

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除