元件內的內容並非固定，有時候我們會透過 Ajax 撈資料回來再渲染到頁面上，而通常我們撈回來的資料都會存放到 Vue 實體的 data 內，這時候元件想要讀取...
最近又再重複的溫習了 Vue 的 component，希望能重新幫自己整理思緒 component 俗稱元件，在網頁我們每一個區塊內容都可以封裝成一個獨立的元件...
在某些時候，我們會希望內容在特定的情況下才顯示，例如頁籤的效果，雖然可以透過 v-if 來判斷，並顯示元件但元件一多的時候，反而不是一個理想的方法，所以才有 i...
前面講到了 Ajax 用 get 的方法來撈取資料，這篇來介紹 post 的方法來傳送資料 以下是 HTML 結構: 帳號: <input type=&q...
當我們在重新刷新一個頁面時，即使使用者沒新增任何內容，瀏覽器也會重新的去撈取許多資料為了減輕這樣的 loading，於是就有了 Ajax 技術 例如，在任何平台...
其實Raspberry pi 不是一個很特別的東西，簡單來說就是一個Linux系統的開發版(會說是開發版原因，大概主要就是板子上面有GPIO的接口，讓玩家可以自...
準備好之後，接下來我們要來引入 Bootstrap 套件了，參考 鐵人賽Day28 - Vue Cli 我們除了可以在 App.vue 的 style 引入 B...
這裡開始是實戰的學習紀錄，首先我們要先創建一個新專案，採用 Vue Cli安裝辦法參考這裡 鐵人賽Day28 - Vue Cli 接著進行 vue router...
在 vue router 文件中有提到一些方法，可以讓我們使用參考資訊 我們先在 menu.vue 內新增兩個 <a> 連結，一個是切換到指定頁面，...
如果我們想要在 App.vue 執行兩個 <router-view> 是否可行 ?答案是可以的 我們先到 App.vue 在原先的 <rout...
前面我們製作了 localhost:8080/#/page 的頁面現在我們要製作 localhost:8080/#/page/child1localhost:8...
按照鐵人賽的規則，只要發文30篇即可，但是我不小心把 Day5 給刪了，所以才會有 Day31 的出現 雖然我中間因為忘記發文早已失去資格了 但是這裡我還是會繼...
首先我們要先安裝 Vue RouterVue Router 安裝參考資訊先在終端機輸入 $npm install vue-router --save接著我們就要...
這次的挑戰也即將要進入尾聲了，雖然不能準時完賽，但至少我盡力了，但還是覺得有點可惜之所以會這麼跳 tone 跑到 Git 來，是因為剛好有這個需求，就順便來摸一...
Vue Cli是什麼? 基於 webpack 所建置的開發工具 便於使用第三方套件 (Bootstrap,axios,Vue Router...) 可運行...
★ 地圖雷奧鎮近郊處 ↓↓↓ 閱讀前，建議先前往 鉄人22号「速記豹」獲取通行資格，此為雷奧鎮近郊續文。 顯示雷奧鎮位置圖 ：真納悶？？ 剛才問的問題和什麼通行...
前一篇有講到 .forEach() 和 .map()，所以這裡就不講這兩個部分，我們先有個基本的陣列資料: const people = [ { n...
在以往我們在字串的組合上會比較冗長，如下: const people = [ { name: '小明', friends: 2 },...
var callSomeone = function (someone) { return someone + '吃飯了' } 上面是我們一般傳統函式的寫...
const Frieza = '弗利沙' const GinyuTeam = { Ginyu: '基紐', Jeice: '吉斯', burter:...
解構賦值的概念，有點像是把一份資料複製到另外一份，在以往我們要把陣列的值取出來，要透過宣告一個變數來放置，如下: let family = ['小明', '杰倫...
在陣列的操作上，ES6 多了許多方便的方法，首先先介紹展開，展開的部分可以讓我們合併陣列更直覺: let groupA = ['小明', '杰倫', '阿姨']...
接下來的篇幅會開始寫關於 ES6 的部分，首先先從變數的宣告下手，在以往我們都是使用 var 來宣告變數先來講 let 的部分，假設今天我們的程式碼如下: co...
在前面提到 v-if 都是搭配 v-for 來做使用，但 v-if 也可以單獨的做使用一樣先給 Vue 的架構和資料: <script> var a...
在前面我們有稍微提到了 v-for，現在來複習一下，一樣先建構 Vue 的基本結構和資料: <script> var app = new Vue({...
先建置 Vue 資料的基本狀態: <script> var app = new Vue({ el: '#app', data: {...
綜合了前面所講的，來稍微整理一下 Vue 的常用語法:首先我們一樣先寫好 Vue 的相關資料，如下: <script> var app = new...
這篇要來介紹，基本常用的一些表單元素，與 Vue 的資料綁定時會如何做我們一樣先把 Vue 的架構寫出來，只是這次在 data 內新增多個變數來存放不同的表單元...
前面幾篇講到了元件，並介紹元件之間由外而內資料傳遞的屬性 props 還有由內而外傳遞的事件 emit元件也不只可以重複的讓我們來做使用，如果今天一個元件我們只...
前面講到 props，它是由外而內傳遞資料的一種屬性不同於 props，emit 是一種事件，而且特性是由內至外有一種情境是，當我們在 Vue 的 method...
Jerry Huang
letter liu
iThome鐵人賽
看影片追技術