XOOPS輕鬆架 - 線上書籍

:::

Vue.js 3.0 筆記
=============

1. 若架構變大時，可以將 Vuex 項目都獨立出來 
    ```javascript
    import { createStore } from "vuex";
    import state from "./state.js";
    import actions from "./actions.js";
    import mutations from "./mutations.js";
    import getters from "./getters.js";
    import Auth from "./Auth";
    export default createStore({
      state,
      actions,
      mutations,
      getters,
      modules: {
        Auth,
      },
    });
    
    ```
2. \\src\\store\\state.js 
    ```javascript
    export default {
      isOpen: false,
    };
    
    ```
3. \\src\\store\\actions.js 
    ```javascript
    export default {
      handOpenState(context) {
        const isOpen = !context.state.isOpen;
        context.commit("OpenState", isOpen);
      },
    };
    
    ```
4. \\src\\store\\mutations.js 
    ```javascript
    export default {
      OpenState(state, payload) {
        state.isOpen = payload;
      },
    };
    
    ```
5. \\src\\store\\getters.js 
    ```javascript
    export default {
      isOpen(state) {
        return state.isOpen;
      },
    };
    
    ```
6.

:::

書籍目錄

展開 | 闔起

快速登入

進階搜尋

http%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fmarkdown.php%3Ftbdsn%3D1754

計數器

今天：
昨天：
總計：

MarkDown

書籍目錄

快速登入

計數器