import { createStore } from 'vuex'
const store = createStore({
    state: {
        todos: [{
                id: 1,
                text: '我是內容一',
                done: true
            },
            {
                id: 2,
                text: '我是內容二',
                done: false
            }
        ]
    },
    getters: {
        doneTodos: state 
 
=> {
            return state.todos.filter(todo => todo.done)
        },
        doneTodosCount: (state, getters) => {
            //state ：可以訪問資料
            //getters：訪問其他函式，等同於 store.getters
            return getters.doneTodos.length
        },
        getTodoById: (state) => (id) => {
            
 
return state.todos.find(todo => todo.id === id)
        }
    }
})
export default store

filter() 方法建立一個新的陣列，新陣列中的元素是通過檢查指定陣列中符合條件的所有元素。

注意：filter() 不會對空陣列進行檢測。

注意：filter() 不會改變原始陣列。

import { createStore } from 'vuex'
const store = createStore({
    state: {
        todos: [{
                id: 
 
1,
                text: '我是內容一',
                done: true
            },
            {
                id: 2,
                text: '我是內容二',
                done: false
            }
        ]
    },
    getters: {
        doneTodos: state => {
            return state.todos.filter(function(todo){return todo=todo.done})
        },
        doneTodosCount: (state, getters) => {
            //state ：可以訪問資料
            //getters：訪問其他函式，等同於 store.getters
            return getters.doneTodos.length
        },
        getTodoById: (state) => (id) => {
            return state.todos.find(todo => todo.id === id)
        }
    }
})
export default store