vuex、状态自管理应用、多组件共享状态的问题、vuex核心概念、可迭代对象、迭代器、如何判断一个对象是否可以迭代、如何判断一个对象是否可以迭代、iter()函数与next()函数、生成器、协程

一、vuex

简单来说:对vue应用中多个组件的共享状态进行集中式的管理(读/写)

1、状态自管理应用

(1)state:驱动应用的数据源

(2)view:以声明方式将state映射到视图

(3)actions:响应在view上的用户输入导致的状态变化(包含n个更新状态的方法)

2、多组件共享状态的问题

(1)多个视图依赖于同一状态

(2)来自不同视图的行为需要变更同一状态

(3)以前的解决办法

           a.将数据以及操作数据的行为都定义在父组件

           b.将数据以及操作数据的行为传递给需要的各个子组件(有可能需要多级传递)

(4)vuex 就是用来解决这个问题的

3、vuex核心概念

(1)state

        vuex 管理的状态对象

        它应该是唯一的

const state = {

xxx: initValue

}

(2) mutations

         包含多个直接更新 state 的方法(回调函数)的对象

         谁来触发: action 中的 commit('mutation 名称')

         只能包含同步的代码, 不能写异步代码

const mutations = {

yyy (state, {data1}) {

// 更新 state 的某个属性

}

}

(3) actions

         包含多个事件回调函数的对象

         通过执行: commit()来触发 mutation 的调用, 间接更新 state

         谁来触发: 组件中: $store.dispatch('action 名称', data1) // 'zzz'

         可以包含异步代码(定时器, ajax)

const actions = {

zzz ({commit, state}, data1) {

commit('yyy', {data1})

}

}

(4) getters

         包含多个计算属性(get)的对象

         谁来读取: 组件中: $store.getters.xxx

const getters = {

mmm (state) {

return ...

}

}

(5) modules

         包含多个 module

         一个 module 是一个 store 的配置对象

         与一个组件(包含有共享数据)对应

(6)向外暴露 store 对象

export default new Vuex.Store({

state,

mutations,

actions,

getters

})

(7) 组件中

import {mapState, mapGetters, mapActions} from 'vuex'

export default {

computed: {

...mapState(['xxx']),

...mapGetters(['mmm']),

}

methods: mapActions(['zzz'])

}

{{xxx}} {{mmm}} @click="zzz(data)"

(8) 映射 store

import store from './store'

new Vue({

store

})

(9) store 对象

         有用 vuex 管理的组件中都多了一个属性$store, 它就是一个 store 对象

         属性:

         state: 注册的 state 对象

         getters: 注册的 getters 对象

         方法:

         dispatch(actionName, data): 分发调用 action

二、可迭代对象

1、我们已经知道可以对list、tuple、str等类型的数据使用for...in...的循环语法从其中依次拿到数据进行使用,

我们把这样的过程称为遍历,也叫迭代。

我们把可以通过for...in...这类语句迭代读取一条数据供我们使用的对象称之为可迭代对象(Iterable)**。

2、迭代器

迭代是访问集合元素的一种方式。迭代器是一个可以记住遍历的位置的对象。迭代器对象从集合的第一个元素开始访问,

直到所有的元素被访问完结束。迭代器只能往前不会后退。

3、如何判断一个对象是否可以迭代

可以使用 isinstance() 判断一个对象是否是 Iterable 对象

4、可迭代对象的本质

可迭代对象的本质就是可以向我们提供一个这样的中间“人”即迭代器帮助我们对其进行迭代遍历使用。

可迭代对象通过__iter__方法向我们提供一个迭代器,我们在迭代一个可迭代对象的时候,实际上就是先获取该对象提供的一个迭代器,

然后通过这个迭代器来依次获取对象中的每一个数据.

那么也就是说,一个具备了__iter__方法的对象,就是一个可迭代对象。

5、iter()函数与next()函数

list、tuple等都是可迭代对象,我们可以通过iter()函数获取这些可迭代对象的迭代器。

然后我们可以对获取到的迭代器不断使用next()函数来获取下一条数据。iter()函数实际上就是调用了可迭代对象的__iter__方法。

注意,当我们已经迭代完最后一个数据之后,再次调用next()函数会抛出StopIteration的异常,来告诉我们所有数据都已迭代完成,不用再执行next()函数了。

三、生成器

生成器是一类特殊的迭代器。

1、创建生成器的方法1

要创建一个生成器,有很多种方法。第一种方法很简单,只要把一个列表生成式的 [ ] 改成 ( )

2、创建生成器的方法2

斐波那契数列

简单来说:只要在def中有yield关键字的 就称为 生成器

四、协程

协程是python个中另外一种实现多任务的方式

自带CPU上下文。

只要在合适的时机, 我们可以把一个协程 切换到另一个协程。 只要这个过程中保存或恢复 CPU上下文那么程序还是可以运行的。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,084评论 6 503
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,623评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,450评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,322评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,370评论 6 390
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,274评论 1 300
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,126评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,980评论 0 275
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,414评论 1 313
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,599评论 3 334
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,773评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,470评论 5 344
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,080评论 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,713评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,852评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,865评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,689评论 2 354

推荐阅读更多精彩内容

  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 3,114评论 0 6
  • vuex Vuex 是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理...
    无药可救的渣渣阅读 214评论 0 0
  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 2,934评论 0 7
  • Vuex 的学习记录 资料参考网址Vuex中文官网Vuex项目结构示例 -- 购物车Vuex 通俗版教程Nuxt....
    流云012阅读 1,457评论 0 7
  • 这是一个焦虑的时代。工作占据了我们一天中大部分的时间,工作中不断产生的琐事充斥着大脑,目标导向论却对我们努力的过程...
    简单冥想阅读 198评论 0 0