鐵人檔案
知道了元件的基本概念，就可以來學習元件如何定義以及註冊。Vue提供了元件系統方便使用者使用，只要註冊完元件，就可以在Vue的渲染區以自定義的標籤方法使用。 註冊...
看了之前元件的實作範例，將樣板內容以字串形式在template屬性中撰寫很不容易閱讀，因此Vue提供了單一檔案元件SFC（Single File Compone...
屬性定義（props） 在Vue.js中，可以使用元件的屬性（props）來向子元件傳遞數據，使父元件可以將數據傳遞給子元件，子元件則可以根據這些屬性來顯示相應...
昨天說到，父元件向子元件傳遞資料是用props，若子元件內部發生事件或要將自己的資料傳遞給父元件則使用Vue實體的方法emit。語法（子元件程式JS）：this...
當子元件要通知事件給父元件時，會使用emit，這時候的父元件屬於被動接收通知並處理，如果父元件要主動向子元件取得資料，則可以透過Vue實體的全域變數$refs，...
什麼是provide？什麼是inject？provide和inject也是讓元件間通訊的方法，需要成對出現，他們和props及emit的不同處在於，props及...
元件雙向綁定原理元件之間的傳遞有很多種，而元件的雙向綁定使用到props及$emit的功能。當我們想將「text」屬性進行雙向綁定，可以使用以下語法：<c...
搭配昨天的雙向綁定的學習以及之前所學的內容，製作一個簡單活動報名表單。目標：可以讓使用者輸入姓名、電話、email以及選擇（複選）想要參加的活動。 姓名輸入元...
當想要在頁面中的不同區域顯示不同內容，就可以利用slot這個功能。這個功能除了能分割畫面，也允許父元件將子元件的內容插入到特定的位置，可以讓我們更靈活的設計和重...
終於堅持到第30天了，要在短短的時間內學習新的技術並每天發文真的是一項困難的考驗，今天的文章用來講述參加這次鐵人賽的心得。 當初參加這個比賽的時候很懷疑自己，在...
