本篇文章同時刊載於Andy's Blog 前言 上一篇文章中我們介紹了Vue的生命週期，了解Vue背後是如何把資料渲染到畫面上，也知道如何在不同life hook階段，針對資料進行操控。 而今天這...
超緊繃!30天Vue.js學習日記 class與style綁定 大家好,我ian啦!今天要介紹給大家的是:class與style綁定! class綁定 我們先從官方文件做切入,設定一個對象給v-...
Props 的型別與驗證 我們可以為組件的 prop 指定驗證要求，例如你知道的這些類型。如果有一個需求沒有被滿足，則 Vue 會在瀏覽器控制台中警告你。 使用方法 為了定制 prop 的驗證方式，...
先來點比喻 就跟噴火龍一樣，要成為完整的 Vue 實體，要先從蛋 → 小火龍 → 火恐龍 → 噴火龍一步一步進化與成長。在我們享受 vue 有如噴火龍的大字爆炎強大功能時，其實每次 Vue 實例都要經...
技術架構 以下簡單列一下這個專案的技術架構規劃，也有可能會再調整，一開始會先以前端為主，後期有需要會加上後端系統。 前端 Vue CLI 3 Element UI Sass/SCSS...
createElement 方法主要關注第六個參數， alwaysNormalize 影響 _createElement 方法裡，children 的規範化 alwaysNormalize 是...
由外到內資料傳遞 Components 的作用域是獨立的。父組件的數據需要通過 props 才能傳到子組件中。 靜態傳遞 與 動態傳遞 這是預先準備好的demo一步一步來吧! <div i...
Vue生命週期簡介 每個 Vue instance 都要經過一系列初始化步驟。當創建它時，從設置數據觀察（data observation）到編譯模板（compiling template），到將 i...
超緊繃!30天Vue.js學習日記 監聽屬性&計算屬性 大家好,今天我要介紹的是Vue中的監聽屬性(watch)以及計算屬性(computed),並且參考官網做一個簡單的比較,然後標題的部分...
本篇的內容包含 如何在Vue專案中安裝Element UI套件 如何透過babel-plugin-component只引用需要的元件進專案 透過npm安裝reset-css 使用Element UI...