如前一篇所提Computed能夠自動監看指定的數據，當數據發生變化後自動重新計算結果，但如果我們想直接修改Computed的結果，在沒有使用Setter的狀態下程式是會發生錯誤的，下面範例同樣是BMI...
經過了三天的Vue簡單起手式，接著我們要回到Rails專案內實作了。（捲起袖子） 今天來了解一下元件的概念！ 元件component：堆樂高積木的概念 在開發的時候，管理團隊專案內JavaScrip...
tags: Vuejs Vue template ✐ 還記得前一章節 option 裡的 template 嗎？Vue 提供開發者透過 template 聲明式的將 DOM 與 Vue instanc...
在 JS 中我們是利用 if(condition){statement1}else{statement2} 來設定條件並決定執行哪一段陳述式(statement)，如果 condition 為 tru...
tags: Vue.js ItIron2020 前言 在昨天輕鬆的內容中我們介紹了如何利用vue-devtool去協助你了解組件中到底發生了什麼事情，在日後會是個很實用的小幫手，相信我?今天我們要來介...
這篇文章會根據昨天講到的firebase作為延伸~ 希望你可以先讀一下昨天那篇*(除非你會firebase了XD)* https://ithelp.ithome.com.tw/articles/10...
鑒於昨天一次拋出很大量的訊息量，今天我們的進度就緩一緩。 我們.vue 的檔案裏面分三的大區塊 template、script、style今天就來介紹 Template。 Template 這是一隻...
通關密碼就是這些了，記熟了就通行無阻。 Vue 除了有我們先前介紹的{{ 雙花括號 }}之外，還有許多由v-為前綴的特殊屬性指令(Directives)，這些放在 HTML 標籤裡的屬性，就如同...
很多時候我們會利用 class 來切換樣式，這時候其實就可以利用 Vue 的指令 v-bind 來動態切換 class 。 v-bind:class 屬性綁定 物件語法 <!--v-bind:被...
v-for v-for是一種新增畫面的方式，比起傳統一個一個新增html元素還要方便許多，我們先來做個簡單範例。 v-for 有分渲染物件和陣列的方式 物件:先新增一個物件oo，裡面有子物件和其內容。...