前兩個單元已經學會了 if 判斷式與迴圈,接下來討論在程式語言之中最常用的函式。 首先,先宣告兩個變數 x 跟 y,型別都是數字: <script> export default {...
昨天打完文章有點茫然了,竟然忘記這個還沒講,讓我們今天先補上吧 Vue 是怎麼切換畫面組的? 首先我們要先建立一個基本觀念就是 Vue 是透過模組切換來達成不同畫面組的呈現,與傳統網頁開發不同,傳統網...
計算屬性 本章節要提及Vue中的一個配置項computed (計算屬性) 在插值語法中可以達到數據間單的組合效果或是計算但這樣會倒置html頁面的複雜性並且沒有復用率Vue設計一個配置專門處理數據計算...
Vue指令進階 在第三天我們說明了數據綁定的方法,分別是{{}}動態數據,v-bind屬性綁定和v-model表單數據綁定。除了前面的之外還有很多其他的指令,今天我們會深入了解及其應用。 v-bind...
接續上一篇文章講到的MVC架構,因為MVC架構的流程處理方式,會導致效能降低、關聯容易變得複雜等因素,造就新模式出現,有Flux、MVVM等,。 Vue的特性每個框架都有各自的框架概念,例如Angul...
在上一個單元,已經學習到如何使用 if 判斷式,接下來這個單元進入到迴圈。if 判斷式可以方便使用變數來控制內容是否顯示,而迴圈則是方便顯示重複的內容。 迴圈通常會跟陣列一起使用,先宣告一個陣列變數:...
今天要來介紹另外一個非常神奇的東西,Vue 的模板雙括號置換 若是已經開始練習使用 Vue 的朋友在第一次使用像是 {{message}} 這類的東西的時候一定滿頭問號,想說怎麼這東西可以跑,我們今天...
DAY 4 - 建立到銷毀:深入了解 Vue 生命週期 今日前言 今天來談談Vue.js的生命周期,了解元件建立到摧毀過程,深入了解元件運作原理及我們可以如何運用生命周期,了原理和觀念,在正確的地...
DAY 3 - 踏上 Vue.js 的世界,為什麼選擇 Vue.js ? 你不可不知使用 Vue.js 理由 那為什麼會選擇 Vue.js 呢 ? 你不可不知使用 Vue.js 理由 一、初學框...
DAY 1 - 開賽啦 ! 強化 Vue.js 30天之旅 我的背景 - 剛成功轉職的前端小菜鳥 <背景介紹>有點長可以當廢話跳過,只是希望分享鼓勵要轉職的人 ! 過去的我 嗨!我是...