標籤: Vue.js 頁1
[Vue.js] 使用 v-cloak 解決 Vue Instance 顯示變數的問題
我們使用 Vue.js 的時候，都會有頁面剛進入的時候會看到 vue 的變數像是 {{ data }} 這樣的問題，或是我們設定 v-if 或 v-show，在頁面進入時會先出現一瞬間才消失，這時候我們只要使用 v-cloak 就可以解決了。
[Vue.js] 在 component 裡面置換不同內容: slot
我們可能會遇到有些時候共用的 component 裡要做一點不同的變化，但如果為了這點而多做一個 component 又會變成要維護另一個很類似的東西而覺得麻煩，這時就可以使用 slot 來幫我們達成這個需求。
[Vue.js] component 狀態保留- keep-alive
如果我們利用 is 切換 componet，預設 componet 會整個更新，也就是說如果我們有更新 component 裡面的資料的話，會被整個刷新成初始狀態，這時我們就可以利用 keep-alive 來幫我們做 cache。
[Vue.js] 自訂動畫效果- Animation
延續 transition，在 vue 裡要做 transition 的效果可以使用之前提的 name="xxx" 修改動畫 class 前綴的字，也可以使用以下屬性直接設定動畫進入或離開時的 class name，比如使用一些預設的 css 動畫函式庫就會很有用像是 animate.css。
[Vue.js] 的漸變(transition)效果
在 Vue.js 裡面，提供已經封裝好的 transition 元件來幫我們做到 css 的 transition 的效果，transition 可以和 v-if 或 v-show 及動態元件的增減搭配組合，我們可以在其中設定進入(Enter)和離開(Leave)的效果。
[Vue.js] 在 Vue 裡監聽事件- addEventListener 與移除監聽事件 removeEventListener
簡述在 Vue 裡監聽事件- addEventListener 與移除監聽事件 removeEventListener 的寫法。
[Vue.js] 操作或取得 DOM 的資訊- ref ($refs)用法
在 Vue.js 裡，如果我們想要去取得某個 Dom 的資訊，可以使用 ref 這個 Attr，比如我們要取得某個區塊的寬跟高，可以在那個區塊上設定 ref="var" 這樣，接下來我們就可以透過 this.$refs.var 去取得資訊了。
[Vue.js] vue leaflet 基本設置與地圖樣式
在 vue leaflet 裡有確實安裝 component 後，只要使用 l-map 就可以把地圖顯示出來了，一樣透過 props 把參數傳進去後就能生成地圖了。
[Vue.js] 使用 vue leaflet 來製作互動地圖- 基本安裝
之前我們提過用 leaflet.js 來取代 google maps製作互動地圖，這邊來用 vue 建立 web app，剛好有人弄好方便的工具 vue leaflet，測試一下還滿方便的，有興趣的可以用看看。