現行的服務裡,有 prerender.io [https://github.com/prerender/prerender] 可以使用,不過由於他是使用
PhantomJS 來當作背後的引擎,而,偏偏我自己開機器來做的時候,常常遇到一個畫面要處理超過 1 分鐘的窘境。
所以,只好拿 Google Chrome 新推出的 --headless 來試一下水溫。
--------------------------------------------------------------------------------
安裝
目前是使用 Ubuntu 16.04LTS 來進行安裝,在伺服器上裝
不是那個五十道陰影,是說我也還沒看過。只是說,人在江湖跑,哪有不挨刀,總是要挨個幾刀才能算是大哥嘛(是嗎?
所以身為一個專業的菜蟲農夫,偶爾被鋤頭打到腳指頭也是很合理的(欸不對!
--------------------------------------------------------------------------------
最近很流行作弊的表,剛好 vuex 也有一份,如果你沒看過,現在讓你看看(當然不是我整理的,網路上神人很多。
> https://vuejs-tips.github.io/vuex-cheatsheet/
這表沒什麼大毛病,不過這樣的東西其實還是需要對 vuex 有相對程度的瞭解,看起來才會有些用處,不然對於初學者來說,她就只是一個整理得很漂亮的表單而已。
簡介
既然
身為一個菜蟲,洗菜的時候抓到很多蟲應該超棒的(欸!只是說,有些蟲實在是很惱人,因為那也不算是蟲,只是個隱藏版的功能。至於為何沒有寫在文件裡?這就只能去問作者了!
注意!最新版本的 Vue 2.6.10 與本文部分原始碼可能會有所出入,但邏輯大部分相同。服用前請先詳閱公開說明書( 哪來的公開說明書 )。
--------------------------------------------------------------------------------
$watch 的實際狀況與問題
文件裡面有特別寫到 $watch 的額外選項,
> deep
immediate
這個就不多做解釋,可以去看官方文件
> https://vuejs.org/v2/
這年頭好像 2.0 比較夯,隔壁棚的 ng 也出了 2.0(而且聽說要重來,React 表示:
--------------------------------------------------------------------------------
推薦
當然要先敗讀一下 Kuro 的大作,
> V1 與 V2 元件實體之差異
[http://kuro.tw/posts/2016/10/03/VueJS-V1-%E8%88%87-V2-%E5%
首先,我因為不太常用眼藥水,所以,有關於眼睛酸澀流目油等事情,請不要來問我謝謝。至於是不是有這麼多雷,其實我也不太確定,只是我遇到了而已。
如果你沒有,那應該是我眼睛乾澀看錯,假的!
--------------------------------------------------------------------------------
關於 Lifecycle Diagram
舉一個 1.x 的例子來看,先抽離 vue-router 的狀況,實際上在瀏覽器上觸發的狀況大概就是官方的順序(底下先不討論離開畫面的東西,
1. init
2. created
3. beforeCompile
4. compiled
5.