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上下文那么程序还是可以运行的。

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