狀態管理有點像是 cookie 或 localStorage，可是又多了更多操作可以用，讓你再切換頁面時可以使用相同的變數。
用來使用這個功能的套件叫做 vuex 
以下不是狀態管理全部的功能，但是最常在用的其實就是這些
state
首先先來定義一個可以在各個網頁頁面取用的變數吧
所有的狀態管理設定

學習

職場產業

音樂藝文

state

mutation

How to use

<div class="draft-block draft--p left">狀態管理有點像是 <span style="font-weight: bold; ">cookie</span> 或 <span style="font-weight: bold; ">localStorage</span>，可是又多了更多操作可以用，讓你再切換頁面時可以使用相同的變數。</div>
<div class="draft-block draft--p left">用來使用這個功能的套件叫做 <span style="font-weight: bold; ">vuex</span> </div>
<div class="draft-block draft--p left">以下不是狀態管理全部的功能，但是最常在用的其實就是這些</div>
<h2 class="draft-block draft--h2" name="header-545cf">state</h2>
<div class="draft-block draft--p left">首先先來定義一個可以在各個網頁頁面取用的變數吧</div>
<div class="draft-block draft--p left">所有的狀態管理設定都是寫在 <span style="font-weight: bold; ">src/store/index.ts</span></div>
<div class="draft--imgNormal draft-block"><div><div style="height:437px" class="image-block-prerender" data-src="https://images.vocus.cc/aa3b20b6-99fa-408b-8f72-172b9491769d.png" data-width="437" data-height="361" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block"></figcaption></div></div>
<div class="draft-block draft--p left">在 <span style="font-weight: bold; ">state</span> 裡面定義變數</div>
<h2 class="draft-block draft--h2" name="header-fs4f0">mutation</h2>
<div class="draft-block draft--p left">再來定義一個可以改變 <span style="font-weight: bold; ">state</span> 裡面變數的值的方法，方法要寫在 <span style="font-weight: bold; ">mutations</span> 內</div>
<div class="embed-block-prerender" data-type="gist" data-id="abfaf703bc7544faed5b592b750737bf"></div>
<div class="draft-block draft--p left">方法的第一個參數是代表狀態管理裡面的 state，第二個參數之後就看你怎麼玩，像我這裡是寫一個方法，<span style="font-weight: bold; ">state</span> 內的 <span style="font-weight: bold; ">variable1</span> 會被改變成方法的第二個參數</div>

Introduction
如果以 python 為後端，那最常見而且我覺得也比較穩定的框架是 django 和 flask
適合 flask 的使用場景是如果你只是簡單想要一個 py 檔可以做為一個 api 被前端呼叫使用，不想要太多其他設定，最好是兩三行 code 就建立一個後端，那就用 flas

[10] Django getting started

狀態管理有點像是 cookie 或 localStorage，可是又多了更多操作可以用，讓你再切換頁面時可以使用相同的變數。

用來使用這個功能的套件叫做 vuex 

以下不是狀態管理全部的功能，但是最常在用的其實就是這些

首先先來定義一個可以在各個網頁頁面取用的變數吧

所有的狀態管理設定都是寫在 src/store/index.ts

再來定義一個可以改變 state 裡面變數的值的方法，方法要寫在 mutations 內

方法的第一個參數是代表狀態管理裡面的 state，第二個參數之後就看你怎麼玩，像我這裡是寫一個方法，state 內的 variable1 會被改變成方法的第二個參數

Basic config
最基本的寫法就是在 src/router/index.ts 的 routes 內設定像這樣
path 是設定路由，name 如果你沒有要用路由傳參，不寫也沒關係，component 是對應到哪個你寫的 vue 頁面
router-link
跟 <a></a> 很像，用法是像

付費限定文章
[9] State management

state

mutation

以行動支持創作者！付費即可解鎖

付費限定文章[9] State management

state

mutation

以行動支持創作者！付費即可解鎖

付費限定文章
[9] State management