<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                ## Vuex Getters 有時,我們可能需要基于 store 中的狀態來計算推導狀態,例如過濾一個項目列表,并對過濾結果進行計數: ~~~ computed: { doneTodosCount () { return this.$store.state.todos.filter(todo => todo.done).length } } ~~~ 如果多個組件需要用到這個推導后的狀態,那我們就必須到處重復寫該計算屬性函數;或者將其提取到一個公共的工具函數中,并將公共函數多處導入 - 兩者都不太理想。 Vuex 允許我們在 store 定義 “getters” (將它們視為 store 的計算屬性)。getter 函數將接收 state 作為第一個參數: ~~~ const store = new Vuex.Store({ state: { todos: [ { id: 1, text: '...', done: true }, { id: 2, text: '...', done: false } ] }, getters: { doneTodos: state => { return state.todos.filter(todo => todo.done) } } }) ~~~ 這些 getter 函數將導出在 store.getters 對象上: ~~~ store.getters.doneTodos // -> [{ id: 1, text: '...', done: true }] ~~~ getter 函數也接收其他 getter 作為第二個參數: ~~~ getters: { // ... doneTodosCount: (state, getters) => { return getters.doneTodos.length } } ~~~ ~~~ store.getters.doneTodosCount // -> 1 ~~~ 現在我們可以輕松地在任意組件中使用 getter 了: ~~~ computed: { doneTodosCount () { return this.$store.getters.doneTodosCount } } ~~~ ### mapGetters 工具函數 mapGetters 工具函數會將 store 中的 getter 映射到局部計算屬性中。 ~~~ import { mapGetters } from 'vuex' export default { // ... computed: { // 使用對象擴展操作符把 getter 混入到 computed 中 ...mapGetters([ 'doneTodosCount', 'anotherGetter', // ... ]) } } ~~~ 如果你要將 getter 映射為不同的名稱,請使用一個對象: ~~~ mapGetters({ // 映射 this.doneCount 到 store.getters.doneTodosCount doneCount: 'doneTodosCount' }) ~~~
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看