昨天討論了單向資料流的鬍子語法,可以讓我們把Vue實例裡的資料流向html (View)。 但如果要將資料綁定HTML標籤屬性的時候,該怎麼辦呢? 舉例而言,如...
tags: Vuejs 如何開始使用 Vue ✐ Vue 一共提供三種不同的方式可供我們使用,依照使用情境的不同可以選擇不同的方式。 方法 適合場景...
昨天經過辛苦的環境安裝(擦汗),可以在Rails專案寫Vue了!先來個簡單的Vue起手式緩緩心情~ 在第2天,我們有提到,Vue.js 官網 這張MVVM架構的...
1. Rails專案起手式 在昨天的鐵人賽中,我們對於Rails的MVC架構和Vue.js的MVVC設計架構做些了解,對未來專案的前端、後端的檔案位置就比較能夠...
前情提要 從開始安裝到完成,檢查專案目錄下變更的檔案結構,會發現Storybook的安裝做了以下的步驟。 安裝需要的相依套件 在Package.json加上建...
tags: Vuejs TL;DR ✐ 要了解 Vue 的簡短歷史,筆者推薦可以自這部由 Honeypot 在 2020.02.24 發布的 Vue.js: T...
Day 2 Rails 與 Vue 的架構介紹 現在大型商業購物網站、以及社群網站的規模開始增加,需要加入更多的商業邏輯和功能,為了讓網站工程師專業分工更容易,...
Install Storybook 安裝 Storybook 只需要在Terminal,切換到現有專案的根目錄後,簡單的執行一行指令 npx sb init...
Vue:既然知道了初步的概念,首先我們來看看v-bind屬性綁定吧: v-vind綁定class,如下: <body> <div...
tags: Vuejs 前言 在開始之前,先簡單的自我介紹 ~ 筆者是名新手前端工程師,過往是平面設計師,目前學習前端約 1 年半的時間,本篇鐵人會集中在 Vu...
開賽宣言 聽說javascript快統治全世界了!(驚) 漸漸地、後端工程師也開始把javascript框架變成必須熟悉的標準配備! JavaScript +...
1.安裝編譯器 VScode 安裝 官方下載 VScode 插件安裝 Chinese (Traditional) Language Pack f...
我第一個使用的 MVVP 框架是 Angular還記得第一次使用 ng-model 的時候,真的是令人驚艷!!後來忘記是什麼契機,看到了 Vuejs,試用過後覺...
首先我們要先了解甚麼是模板語法? 而甚麼是模板? 模板 模板其實跟render function 是一樣的運作模式的~我們會將模板編譯成為render func...
元件的生命週期,Vue的官網很貼心,幫你準備好圖示,今天就帶大家來解釋一番。 不要在選項property或回調上使用箭頭函數,比如created: () =...
computed也是可以顧名思義知道它是針對資料做計算然後返回值,在了解computed之前我們先看看官網的說法 computed properties ar...
v-model這個指令我們常用在資料的綁定上,希望我們所綁定的資料可以做到雙向(事件與屬性)綁定,這部分Vue允許我們客製化它,v-model默認會利用名為va...
Agular: 我爸 Google 啦~React: 我爸 Facebook 啦~Vue: 我爸.... 前言 各位今天我廢話少一點直接上表格~ A...
第四天要帶大家聊解元件(有人說元件有人說是組件),首先來介紹元件的註冊元件註冊全局註冊與局部註冊1.元件全局註冊在Vue根實例( new Vue)之前,注意全局...
安裝CLI: $ npm i -g @vue/cli 安裝完成後,您將可以在命令介面(CLI)中訪問vue命令。我們將使用它來創建我們的專案。 創立一個Vue...
前一天我們有提到SOLID,我們今天就來談談為啥我們需要了解SOLID? 他能幫助我們甚麼?SOLID是一種設計原則,主要是透過觀念讓團隊降機Code Revi...
開場白不免俗的要來個開場白,大家好我是Vince,可以叫我阿電,在前端開發約4年,技術棧有VueJS、AngularJS、Angular,最近開始接觸React...
這週接續上週進度把真實資料餵進 SuccessCard.vue 囉~ #左側預約功能(接續) 真實資料需要用到預約POST API回傳的資料所以我們先回到 R...
轉眼間來到了 Vue出旅館預約平台 第10篇了...做的真久阿...還好不是公司的專案, 不然絕對被電爆 這週要來做預約成功的畫面~ #預約成功-開發 先來比...
這週很重要~要來寫旅館預約平台的 [預約功能] 在F2E API中有提供一個 [POST] 預約房型 方法: 我們要利用它來做預約的功能 #呼叫API方式 呼...
這週要來將 [預約頁面] 最後的 房間詳細資訊 完成!! [標題] (已完成) [預約功能] (已完成) [房間詳細] [Footer] (已完成)...
這週繼續來做 [預約頁面] 回顧一下上週切的區塊 [標題] (已完成) [預約功能] [房間詳細] [Footer] (已完成) 這週來處理...
因為上個月直接專注在 [iT邦鐵人賽]直接好幾個禮拜都沒有刷 [鼠年全馬] 進度xD 這週回歸來做我們美美的旅館預約平台 #複習 來複習一下目前的進度 V...
iT邦鐵人開賽囉~但我還沒做好開始的準備xD 我的題目是: 30天Vue出Google SSO有興趣的人可以去訂閱~ 希望回饋一些技術上的建議更好xD精益求精~...
有朋友問我為什麼我的進度這麼緩慢...殊不知,我每天都只有一個小時可以做額外自主練習阿QQ 這週接續著做Rooms資料處理的部分囉~立馬開始!! #Step...