VUE項(xiàng)目爬坑---6、vuex的真正存在的意義是什么

一、總結(jié)

一句話總結(jié)：

a、【避免低效的數(shù)據(jù)傳遞】：當(dāng)多個(gè)組件嵌套的時(shí)候，只能父子傳遞，那么中間的組件只能做傳遞數(shù)據(jù)之用，數(shù)據(jù)不是它用，它卻傳遞數(shù)據(jù)，這樣不合理

b、【管理組件狀態(tài)】：vuex可以讓多個(gè)組件很方便的獲取和管理狀態(tài)

1、提交 Mutations，分發(fā) Action？

提交 Mutations：store.commit('increment')

分發(fā) Action：store.dispatch('increment')

2、vuex中action、mutations、state和外部調(diào)用的關(guān)系？

vuex中action操作mutations，mutations操作state，外部就dispatch action

3、我們可以import引入模塊，那肯定是文件里面export了？

我們可以import引入模塊，那肯定是文件里面export了，無(wú)論是常用的組件比如vue，還是我們簡(jiǎn)單的變量

import Vue from 'vue'

import Vuex from 'vuex'

import state from './state'

import mutations from './mutations'

import actions from './actions'

import getters from './getters'

import {ADD_TODO, DELETE_TODO, SELECT_ALL_TODOS, DELETE_COMPLETE_TODOS} from './mutation-types'

4、js讓字符串變成變量？

可以加中括號(hào)，例如[DELETE_TODO] (state, {index}) {state.todos.splice(index, 1)}

/*

包含n個(gè)用于直接更新?tīng)顟B(tài)的方法的對(duì)象模塊

*/

import {ADD_TODO, DELETE_TODO, SELECT_ALL_TODOS, DELETE_COMPLETE_TODOS} from './mutation-types'

export default {

[ADD_TODO] (state, {todo}) { // 方法名不是ADD_TODO, 而是add_todo

state.todos.unshift(todo)

},

[DELETE_TODO] (state, {index}) {

state.todos.splice(index, 1)

},

[SELECT_ALL_TODOS] (state, {isCheck}) {

state.todos.forEach(todo => todo.complete = isCheck)

},

[DELETE_COMPLETE_TODOS] (state) {

state.todos = state.todos.filter(todo => !todo.complete)

}

}

5、從后臺(tái)ajax來(lái)的數(shù)據(jù)，都可以用watch來(lái)監(jiān)控？

用watch監(jiān)控之后后臺(tái)ajax來(lái)的數(shù)據(jù)之后，這樣數(shù)據(jù)一旦獲取，就可以通過(guò)watch來(lái)更新

6、vue的watch中還有深度監(jiān)視？

設(shè)置監(jiān)視屬性的deep為true

watch:{//監(jiān)視todos的所有變化

todos:{

deep:true，//深度監(jiān)視

handler:storageUti1.saveTodos//保存todos 到Localstoragd

}

}

7、vuex中的module(模塊化)？

各個(gè)狀態(tài)管理可以分模塊，對(duì)大應(yīng)用很方便，一個(gè)模塊里面就是一套的state、mutations、actions、getters

二、內(nèi)容在總結(jié)中

博客對(duì)應(yīng)課程的視頻位置：

總結(jié)

以上是生活随笔為你收集整理的vuex modules ajax,VUE项目爬坑---6、vuex的真正存在的意义是什么的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。