接續上一篇 還沒做完的筆記在這邊接續下來做。
這邊的話，主要是紀錄 Vue 的 transition 的 State_Transition 的內容。
State_Transition
在上一篇的 Enter/Leave & List Transitions 部分，主要是在教我們怎麼加入進退場的動畫。
在這邊主要是要介紹，引入一些第三放的套件，並加上 Vue 本身的功能，來為我們自己的資料加上動畫的方法。
Animating State with Watchers
通常會有兩種是值，一個是我們的原始數值，另一個是用來跑畫面效果的數值。
那我們在改的是原始數值，在呈現的是另一個數值，這種實作的概念要記得。
Organizing Transitions into Components
這個 Vue 所寫的套件，Alex 大大蠻推薦的，用來呈現數字跑動的效果。
但要小心的是，這個套件是和 tween.js 相依的。
你可以看到以上這個範例，我們畫面呈現的資料是 tweeningValue 而實記載更改的數字就是利用元件的 props 的 value 來接進來，並藉由 tween 套件來更新畫面上的數值。
這個 Vue 物件是一個很推薦效果喔。
Alex宅幹嘛-眉眉角角
呈現動畫的概念
通常會有兩種是值，一個是我們的原始數值，另一個是用來跑畫面效果的數值。
那我們在改的是原始數值，在呈現的則是另一個數值，這種實作的概念要記得。
推薦的 library
這邊也有推薦在 Vue 範例中使用到的 tweenJS 的套件，很推薦去看看它怎麼用的。
它是一個輕量化的 JS 套件，我們只需要給它起始值、結束值、過程需花費多少時間，其他的中間值會自動被計算出來。
接著，我們可以利用 Vue 的 animated-integer 套件來實現數字跑動的動畫效果囉~