魔鏡的神奇之處就是會出現不同於鏡子前的影像，那和螢幕有什麼不ㄧ樣？ 之前的幾天我們有說到 Vue 的運作是用資料來驅動(渲染)畫面，聽起來好像是「單向的」操作，但其實 Vue 也有雙向綁定的強大功...
這週都在討論props（從外層傳到內層元件）與emit（從內層傳到外層），如果是平行關係的元件（而非父子關係），要如何進行資料傳遞呢? 這時候就會出動一台公車，叫做event bus啦！ 首先請熟記：...
與Vue相遇後，一開始其實有點懷疑vue的應用。但使用後，對她越來越著迷，這使我更想了解她。 每當我們使用vue時，有些步驟都會相對應的重複，例如創建Vue、建立template模板、掛載vue、資料...
如果有科班出身，或是受過完整程式教學培訓的小夥伴，或許會有個疑問，之前學習時，通常在早期就會介紹到選擇性結構、重覆性結構，為什麼我們這麼晚才介紹呢? 主要原因有兩個，Vue顧名思義(法文中，視圖的意思...
tags: Vue.js ItIron2020 前言 昨天我們了解到在vue中，父層如何利用props屬性傳遞資料給子層，藉此讓我們建立的組件能有預期的輸出結果。既然有上到下的資料傳遞，自然也會有下到...
在這個單元我們使用官網的教學搭配Vue的框架，STEP BY STEP的撰寫Component及Stories。 Setup Vue Storybook 官網教學參考：Vue # Create our...
經過昨天介紹$emit可以傳遞自訂的事件給父層元件之後，今天來利用$emit的特性，設計一個有3M便利貼風格的to-do list吧! 實作需求： 新增 我想要在input欄位裡，讓使用者從To...
正文：今天要來實作登入頁面了，由於主要是提供後臺管理使用，因此暫時不會有忘記密碼和註冊等功能，但該有的表單驗證還是有的，先上圖吧我們來將步驟拆解 前往src/views 建立一個新組件，login....
tags: Vuejs 樣式渲染 畫面的呈現有時會因應資料的不同，產生不同的視覺樣式，而通常我們會使用 v-bind 指令動態渲染 HTML attribute class，透過更換、新增 class...