★ 地圖雷奧鎮近郊處 ↓↓↓ 閱讀前，建議先前往 鉄人22号「速記豹」獲取通行資格，此為雷奧鎮近郊續文。 顯示雷奧鎮位置圖 ：真納悶？？ 剛才問的問題和什麼通行...
前面講到 props，它是由外而內傳遞資料的一種屬性不同於 props，emit 是一種事件，而且特性是由內至外有一種情境是，當我們在 Vue 的 method...
在前面我們已經了解了元件，現在我們要來多加說明 props 這個屬性props 是由外而內傳遞資料所使用的屬性有時候我們傳遞的資料也許是需要數值型態來計算的，這...
我們在前面講了很長篇幅的元件，那元件可以分為局部註冊跟全域註冊，前面的方式我們都是採用全域註冊，而所謂的全域就是指，當我在新增一個 Vue 的應用程式時，它也可...
在 Vue 裡面，我們可以使用元件來動態掛載 HTML而元件到底是什麼? 如果以 HTML 來說的話，就會類似像是 Header Content 這樣一個區塊一...
接下來要來介紹 Vue 裡面的 computed(計算)& watch(監聽)computed 的運用上，是我們要返回某個值且顯示到頁面上，會用到的舉個...
在前面提到 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 內新增多個變數來存放不同的表單元...
這裡來介紹在 Vue 動態加上 class一樣先把 Vue 的架構先撰寫出來，而目標是想點擊按鈕時會在 .box 自動加上 rotate 這個 class，再點...
先前有講到 v-on 和 v-bind 指令v-on 用在事件上，v-bind 用在綁定標籤的屬性上而這些指令其實是有修飾符可以用的，意指縮寫。 拿前面章節的程...
接下來要來介紹，如何綁定事件，以 click 事件來舉例: <div id="app"> <input type=&q...
這篇要來介紹 v-for 和 v-if 這兩個指令相當於 JavaScript 的 for 迴圈跟 if 判斷式一樣先把 Vue 的基本架構寫出來: <d...
接下來要來介紹一個新的指令 v-bind，它是用來綁定 HTML 標籤的屬性照慣例，Vue 的架構如下: <div id="app"&...
前面一篇我們建立應用程式的時候把資料呈現在頁面上的方法是使用兩個大括號包覆的方式，如下: <div id="app">...
Vue 的引入跟 jQuery 一樣，這裡就不多贅述，版本一樣有壓縮版本跟開發人員版本。當引入好 Vue 之後，我們就可以先來建立第一個應用程式。 首先我們先在...
這是我第一次參加鐵人賽，先說目標吧，我想藉由這樣的比賽來提升自己研究技術的能力。過去幾個月的我，把這樣一個重要的能力流失掉了。 我還記得我剛開始接觸 web 的...
還記得一開始自學程式語言時，大家一定或多或少都聽過一個名詞 物件導向。然後身為程式新手和非程式相關科系畢業的你也許會開始 Google 它到底是什麼意思，然後你...
從頭開始的Javascript 入門 -函式 day3 前言 函式是物件 (除了基本型別以外的都是物件) 宣告函式名稱方式常見有兩種:函式宣告（Functio...
從頭開始的Javascript 入門 -流程控制 Day2 白話解釋就是如果這樣 就會那樣 if...else 條件判斷 var age = 20; if (...
在某些情況下，我們會想取消元素的預設行為，例如 <a> 標籤的 href 屬性的這個行為，此時 .preventDefault()就是一個非常好用的...
這裡要來補充一個小知識，在 .addEventListener() 這個事件監聽的方法，還有第三個參數，只是沒有設定時，預設會是 false即一個元素的點擊事件...
前面講到三種事件綁定的方法，撇除掉第一種較危險的方式之外，來談談第二種跟第三種的差異性 以點擊事件為例： <input type="button...
終於研究到了事件的部分了，所謂的事件，是當使用者對頁面做出什麼動作的意思，例如：滑鼠點擊，按下鍵盤...之類的，而當使用者有這些動作時，我們又該給予什麼樣式的回...
前面講到了使用 .innerHTML 來操控 HTML，這裡說明第二種方式 .createElement ，後面再說明兩者的差異性 一樣先建立一個名字清單的陣列...
前一篇講到了 .innerHTML 來新增元素以及內容，還有組字串的技巧這邊我們就來建立一個陣列，依序把資料輸入進去吧 首先先建立 HTML 結構: <h...
前面我們講到選取了元素，也講到了設定屬性和讀取屬性，但倘若我們想要在某個元素下再新增元素且有內容時，可以怎麼做？這裡就介紹其中一種方法 .innerHTML 也...
那這邊先聊一下有學過其他語言的一定知道在寫程式中最最最終要的一定就是變數啦～～如果沒有變數就等於要你裝一杯水卻不給你杯子一樣今天就來介紹一下變數首先要了解pyt...
letter liu
Jerry Huang
居居米
yolala
iThome鐵人賽
看影片追技術