vue課程整理與心得
這篇文章總結了我找的一些vue課程整理，還有簡單的心得分享 Hello，我是Jade，最近正在學習前端。 在學習vue.js…
終於踏入Javascript框架之Vue..(9)LifeCycle
vue實例另一個比較重要也是會被問到的就是生命週期 在不同階段會自動調用 vue2.x跟vue3的差異…
終於踏入Javascript框架之Vue..(8) 多層傳遞屬性
當我們專案越來越大拆成好幾項組件時，這時候資料的傳遞就沒那麼的直觀，就像是爸爸底下有兒子，兒子又有孫子，但爸爸的上面還有阿公，這時候阿公想給你壓歲錢可能會先被爸爸抽走。 當今天一個組件A，底下包含了B，B當中又包含了C，階層簡化如下： ComponentA…
終於踏入Javascript框架之Vue..(7)Slot
slot的用法 當我們要插入子組件，但又希望可以在import的子組件中添加內容，這時候就可以使用slot。 聽起來有點饒口，但我們只要把slot的內容想像成，我們可以不透過props傳遞資料，就可以直接顯示父組件想要呈現的內容，爸爸想給你一台車但又不想用你的名字買…
終於踏入Javascript框架之Vue..(6)Props, emit
props 組件之間傳遞數據-用props(屬性) 只能從父->子，子組件也無法修改數據…
終於踏入Javascript框架之Vue..(5)Component
當我們的專案不只是單一頁面顯示，而是由許多資料與各種畫面堆疊起來時，在撰寫與維護也會越來越複雜，而組件正好可以化繁為簡。 在一開始學習html的時候，通常我們會在一個頁面上實作javascript,css,html，而想要稍微"進階一點"的時候，我們知道可以使用a標籤做出內部連結，例如 <a…
終於踏入Javascript框架之Vue..(4)v-model
v-model的用途 v-model主要是用於雙向綁定，也就是javascript儲存的內容(字串、陣列、數字等等)，會跟html的內容進行同步，通常會用在輸入項目。 在一般輸入的情況下，常用到幾種修飾符來處理或是簡化數據內容
終於踏入Javascript框架之Vue..(2)v-bind
使用vue一個很方便的點就是能夠綁定各種數據 接下來就一個一個來介紹 這一篇我們來講v-bind的用法，主要是用來綁定class，常用的方法有下面幾種…