Vue的誕生是因為作者尤雨溪希望能同步DOM和JavaScript的物件,在2013年6月他的名字是Seed.js但是這個名字在NPM上已經有了!所以他就從Vi...
今天要介紹的是在Chrome和VS Code中所安裝的套件在chrome中安裝Vue.js devtools套件這是一個方便我們在使用Vue製作網頁時可以觀察資...
在進入使用Vue.js時做之前,先讓我們來了解一下Vue.js的架構吧! Although not strictly associated with the...
今天要進入用Vue.js實作出一個網頁啦~今天要介紹的是資料綁定 這是寫在html的部分也就是View的區塊 <div class="txt&q...
延續昨天的v-model綁定,昨天我們知道他可以綁定input, textarea和select elements三個tag,其中input除了文字輸入框還有C...
今天會用兩個例子來比較看看多個字串和一個物件多筆資料有什麼不同第一個範例是在data中放「首頁」、「記事本」和「關於我」三個字串 第二個範例雖然也可以使用三個字...
透過昨天的範例我們知道要綁定HTML屬性需要使用v-bind指令,而今天我們要介紹的是v-bind綁定class和style我們一樣先來看一段官網中對於clas...
今天要介紹的是Vue生命週期的四個階段,先來看一張官網中Vue的生命週期圖吧!首先當然是要建立一個vue的實體也就是我們在每個專案中都會看到的new Vue()...
今天要先介紹JSON的寫法,明天的實作會取用今天建置好的JSON檔介紹Methods和Computed的不同,所以我們今天先來了解一下JSON格式怎麼寫吧!JS...
昨天已經把JSON檔建置好了!今天就可以取用JSON檔的資料然後實作出Methods和Computed的差別 首先要注意的是,我們要取得JSON檔的資料需要利用...