Vuex适合大型单页面应用

多个视图依赖同一状态：多组件的数据共享------读

不同视图的行为改变同一状态：不同组件改变同一数据------写

Vuex：状态管理模式，管理前端状态；

vue所有东西是是组件化的，组件的数据状态状态存储于本地对象中或者全局对象中，Vuex就是存在了全局对象中；

Vue和Vuex的数据状态是响应式的；

Vuex就是存储着响应式数据状态的全局对象。

v-if

v-for="item in list"

state 数据仓库

getter 获取数据

mutation 修改数据

action 提交mutation

model

组成部分

state ----- 数据来源；

getter ----- 改变state；

mutation ----- 同步修改state；

action ----- 异步修改state；

多组件，数据共享；

数据状态的读，改；

管理。

state —— 数据仓库

getter —— 用来获取数据

Mutation —— 用来修改数据的

Action —— 用来提交mutation

安装Vuex

1、安装vuex包：npm install vuex

2、创建vuex实例：new Vuex.store()

3、main.js中将vuex实例挂载到vue对象上

Vuex的组成介绍

①State——数据仓库

②getter——用来获取数据的

③Mutation——用来修改数据的

④Action——用来提交mutation

//count++实战
main.js中
1.state中创建count字段
import Vuex from "vuex"
Vue.use(Vuex)
const store = new Vuex.Store({
    state:{
        count:0
    }
})
new Vue({
    store,
    ...
})
2.mutations中创建一个count++的mutation
const store = new Vuex.Store({
    state:{
        count:0
    }，
    mutations:{
        countIncrease(state){
            state.count++
        }
    }
})
mutations实现了，
然后在页面模板里面拿到这个state的count，
在app.vue这个组件里面
this.$store.state.count

ps:如何获取vuex中state的数据？
①直接通过vue store这个实例  this.$store.state.count 4'50
②通过vuex提供的...

3.button新增click事件触发mutation改变count
<button @click="countIncrease">点我自增</button>

countIncrease(){
    this.$store.commit("countIncrease");
}

扩展：commit的第二个参数使用
在main.js中
mutations:{
        countIncrease(state，v){
            state.count = v；
        }
    }
在app.vue中
countIncrease(){
    const v = 100；//自定义的值
    this.$store.commit("countIncrease"，v);
}

vuex 的demo

vuex

Vuex的组成介绍

State--数据仓库

代表的数据状态的来源，一般的来说vuex所有的数据都会存在state当中，它就像一个很大
数据仓库，用来存储我们vuex的所有状态数据，所以state就是我们数据的唯一来源。

state可以实例化用来存储所有的数据，它是如何存储的？
实际上state就是一个比较复杂的或者是一个庞大的对象。它本身是一个json对象，
用来存储我们所有数据。

getter--用来获取数据的

其实我们可以通过实例化state来拿到所有的数据，但是新加的getter肯定有它自己的作用，
它就好比vue的computed

Mutation--用来修改数据的

需要commit一个Mutation来修改，这样就可以对状态的修改进行一个历史的记录，
方便于监听以及回滚等
mutation的本质实际上就是一个funtion
Mutation的操作是同步的，异步的话会有很大的麻烦，具体的可以去详细的看一下官方的文档；

Action--用来提交mutation

Action可以进行异步的操作

根据“给定资料3”，请分析⼩吴发⽣了哪些变化，使得村⺠们对她的称呼从“那个⼤学⽣”变成了“⼩吴”。（10分）

要求：准确全⾯，恰当提炼，条理清晰。不超过200字。

自我认知转变：以前觉得大学生肯定比农民强，现在慢慢感受到了农⺠的不易，也理解了“脚下沾有多少泥⼟，⼼中就沉淀多少激情”的含义；

工作方式转变：以前觉得只要自己在理，寸土不让，现在懂得和村民把道理说通，帮助村民申办救济，感动村民。

工作目的转变：以前为了证明自己，开会抢着发言，现在和大家干在一起，主动帮助村民解决生产生活方面的问题，调节邻里矛盾。

工作能力转变：以前下田干活把鞋陷进了泥⾥，现在学说⼟⽅⾔，⾛⽔⽥地、学农活，发挥专业优势，创建优质杂粮品牌并打⼊南⽅市场，带领村民致富。

“给定资料4”中的座谈会上，主持⼈说：“如果不能打破这种种‘遮蔽’，就拿不出有份量的作品。”请谈谈你对“种

种‘遮蔽’”的理解。（15分）

要求：观点明确，紧扣资料，准确全⾯。不超过200字。

1、有些历史剧为迎合当下的“娱乐精神”，将现代元素掺杂进历史，剥离具体的历史语境肆意发挥，牵强附会、哗众取宠，是对历史的不尊重。

2、创作只停留在私⼈性的经验上，仅仅满⾜于⾃我倾述的需要，作品就难以回应时代的提问，体现⽼百姓的真情实感。

3、⼿机、⽹络这些现代技术⽅便了创作，加上经济刺激，造就了的“⾼产”，技术和⾦钱让人感受不到阳光的温度，忘记了创作的初⼼。

4、“⾏⾛”要成为我们⽂艺⼯作者的⽣活常态，既要⾏⾛在书本中，更要⾏⾛在现实⽣活⾥，依靠“⾏⾛”才有可能打破乡间⽥野和城市⾼楼之间的隔阂。

城市建设与管理的目的不能仅仅是为了满足经济或者某种美观诉求，而更应该“化人”，让人感受到幸福感，归属感，安全感。

如果城市建设与管理的目的仅仅是为了满足经济或者某种美观诉求，会导致公共空间的压缩，人们的活动空间变少，文化气息的丧失

人居环境变差，本地居民外流，甚至是激发社会矛盾，引发社会问题。

因此，城市建设与管理的思路要变，要重视共享。打造文化公园，广场，为市民提供活动空间，展示空间，恢复城市公共领域的功能。

要把握好文化保护，商业开发和居民人居环境三者之间的关系，彰显城市价值。让群众满足不同市民的需求，发挥社会平衡器的作用，

让群众生活更美好。