今天來跟大家分享一個在Vue裡面非常方便實用的屬性：計算屬性，它可以在Vue中的數據更改後，自動進行運算取得一個新的結果，例如： <div id="app">...
今天要紀錄一下Font Awesome的使用。 以前在一般HTML檔中使用Font Awesome的時候，CDN引入一下簡單馬上就可以使用Font Awesome了，在Vue Cli裡面使用卻感覺一波...
忘記的總是比記住的還多，那麼記下來至少白紙黑字。 從昨天的範例我們可以看到表達式{{}}雙花括號和「Vue 實例」的關聯，那麼這個我們定義的 Vue 實例裡有會有什麼呢？ 我們是透過使用 Vue(...
昨天我們討論了雙向事件處理: v-model 以及 v-on，讓我們可以跟使用者輸入的資料互動。（例如對使用者的輸入的暱稱打招呼～） 如果要把使用者的輸入資料做一些加工，再顯示出來，就需要透過v-on...
好的前幾天斷掉沒發...這次沒成為鐵人了...好吧 還是努力下吧 Vue的基本語法3： for(迴圈)「 v-for 」： 列表式渲染 v-for Object： <li v-f...
tags: Vuejs Instance Lifecycle 生命週期 ✐ 介紹完如何使用 new Vue({...}) 建構 Vue instance 後，接著來談論有關 Vue instance...
nextTick介紹 nextTick()會在DOM已掛載、渲染完成後，執行nextTick()內的程式碼。 通常Vue.nextTick()是為了對DOM非同步更新，提升效能 在for迴圈中...
單文件組件顧名思義就是一個 .vue 副檔名的文件，即為一個獨立組件 如何使用 .vue 是單文件組件獨有的副檔名，我們必須使用 Vue Loder編譯成一般的組件型態 這是一個典型的單文件組件，...
tags: Vue.js ItIron2020 前言 昨天我們利用了一個簡單的計算機專案複習了目前為止所學的東西，在繼續往下介紹vue之前，今天要臨時插入一個小工具的介紹 - vue-devtool，...
前言：鐵人賽已經過去 2/3 了，各位繼續努力吧正文：在這週第一天，首先先介紹了 Vuex 來說明在多元件共用一個狀態時該如何去進行管理，並且提到了 vuex 是一種單一狀態樹的概念，所有內容將在 s...