---
# System prepended metadata

title: State 與 Getters
tags: [Mike課程]

---

---
tags:  Mike課程
---

### vuex 流程圖

![](https://i.imgur.com/pZg0UtJ.png)


Vuex 所使用的有：

### ==State==
用來存放狀態值

### ==Getters==
用來在外部取得State中的值

### ==Mutations==
對State發起Mutate，更動State中的值

### ==Action==
對Mutation提交commit後，執行對象的Mutate

# State 與 Getters

### 引入 useStore

```javascript=
import { useStore } from "vuex";
```
* 若你先定義一個State資料

```javascript=
 state: {
    isOpen:false,
  },
```


* 引入後 useStore 後

![](https://i.imgur.com/ZdD5edv.png)


