鐵人檔案
watch是一個偵聽器，宣告在裡面的函式命名要跟data或computed的屬性相對應，watch會偵聽指定的資料，一有變動就觸發watch裡的函式。 函式裡可...
Vue實例的生命週期從建立、更新到消滅，這中間會可以執行一些函式，而這些函式叫生命週期函式(lifecycle hooks)，可以依情況需要來宣告使用。附上官方...
預先定義好的component可以包含：html元素(template)、綁定的資料(data)、方法(methods)跟偵聽(watch)....等等，用法很...
瀏覽器解析 創建Vue實例時，el的HTML元素會經過瀏覽器接解析在傳回給Vue實例使用，格式不合法的話瀏覽器會直接把他移除掉，如selec tag裡不是放op...
當定義好多組組件後，可以透過條件判斷來決定要出現哪種組件，實際在網頁上常用到的例子如tab的切換。 -tab示意圖- 透過Vue的comonent元素加上v-b...
既然做了這麼多組件，把組件們結合成一個成品是一定要的，組件與組件間的資料溝通使用的是props與$emit，從今推算後的幾天會留在這塊滿長一段時間...(反覆看...
Vue組件會使用到上層傳來的props，而props屬性是一個陣列裡面包字串，是用來宣告component使用的props： Vue實例使用HTML模板來輸出組...
上一篇學習使用props接收上層傳來的資料( 字串 )，今天來學習如何動態綁定props： 使用v-bind :動態綁定 <div id="ap...
當寫了組件需要和他人協作，或者寫的組件越來越多的時候，就可能會用到props驗證規則，當不符合的時候Vue就會提出警告。 這邊範例一樣用寫到膩的counter，...
Vue組件的props是單向數據流，所以只能從上傳到下，要由下傳到上的話要使用$emit自訂事件，以下範例： <div id="app"...
