Vue.set Vue.js 在初始化實例時將屬性轉為 getter/setter，所以屬性必須在 data 對像上才能讓 Vue.js 轉換它，才能讓它是響...
晴
‧
2019-09-28
filters在兩個地方可用：{{ }}和v-bind表達式（2.1.0+支持後者）。filters應附加在JavaScript表達式的末尾，並以 | 符號...
晴
‧
2019-09-27
本文同步發表於斜槓女紙部落格：Day19 閒不下來的史萊姆(二)：網站基本資料統整與footer元件實作 相信跟我一樣在切版的大家都有跟我同樣的經驗，總是...
心血來潮 Vue基於 相容性（ie目前已知...恩） 語意化版本 Semantic Versioning 開發除錯工具 VueTools 到底該如何使用...
當我們第一次使用某網站時，有時候網站會跳出導覽指引（就是教你怎麼用？），這可稱作網頁導覽或者用戶導覽（User Tour）或者 Onboarding （是指使用...
歐歐歐，在今天的文章開始前插播一則消息，今天是我生日耶✧*｡٩(ˊᗜˋ*)و✧*｡生日也要記的來發鐵人，剩下沒幾天了加加油(๑•̀ω•́)ノ歐給!開始吧! 昨天...
在以往我們在字串的組合上會比較冗長，如下: const people = [ { name: '小明', friends: 2 },...
最近又再重複的溫習了 Vue 的 component，希望能重新幫自己整理思緒 component 俗稱元件，在網頁我們每一個區塊內容都可以封裝成一個獨立的元件...
初心 寫code開始，義大利麵到框架，後端碰到前端。為什麼到現在才寫Vue2呢？最主要的想法，是想把這個技術做個梳理，自學到哪？最後放棄的時候究...
元件插槽 Slot 我們會將需要重複使用的區塊建立成元件，這樣可以方便我們重複使用，但是如果遇到我需要替換部份內容的時候，該怎麼辦呢？難道要再新建一個元件嗎？答...
本文同步發表於斜槓女紙部落格：Day18 閒不下來的史萊姆(一)：將房間列表改用x-template 建立元件 鐵人賽進展到今天，默默地也快突破20天。前...
先建置 Vue 資料的基本狀態: <script> var app = new Vue({ el: '#app', data: {...
這是我第一次參加鐵人賽，先說目標吧，我想藉由這樣的比賽來提升自己研究技術的能力。過去幾個月的我，把這樣一個重要的能力流失掉了。 我還記得我剛開始接觸 web 的...
Vue：設定基本路由，可以拆解成以下步驟： 定義模板 template 配置模板路線(routes)(每一條路線，都會對應到相應的component；而這邊的...
前言 上禮拜跟老公聊天，聊到最近在研究slot，由於老公沒有學過前端技術，我突發奇想用住在阿公阿嬤家的孩子當解釋，他就聽懂了，覺得自己好棒棒XD但並沒有放在心上...
列表渲染 在 Vue 中，我們會使用 v-for 來迭代陣列中的元素。下方我先在 Vue 的應用程式中建立一個陣列為 list ： new Vue({ el...
在前面提到 v-if 都是搭配 v-for 來做使用，但 v-if 也可以單獨的做使用一樣先給 Vue 的架構和資料: <script> var a...
這裡來介紹在 Vue 動態加上 class一樣先把 Vue 的架構先撰寫出來，而目標是想點擊按鈕時會在 .box 自動加上 rotate 這個 class，再點...
插槽可幫助您在components 中放置內容，允許以嚴格的父子關係以外的其他方式來組合components。 單個插槽（Single Slot） 使用<...
晴
‧
2019-09-24
動態切換元件 今天來點輕鬆的，其實是我最近比較累所以沒辦法打太多東西，所以來介紹一個簡單的元件動態切換的方式，之前有使用動態的方式來切換 className 還...
身處金融業的我，從未想過有天還能在工作上，返回開發工程師的行列。一直以來，對於JS的喜愛依舊不減，假日時，偶爾還會開著電腦，寫寫JS。但對於框架語言，從未接觸。...
const Frieza = '弗利沙' const GinyuTeam = { Ginyu: '基紐', Jeice: '吉斯', burter:...
今天來講條件渲染(Conditional Rendering)，也就是可以依照條件變化改變渲染元素的 Directives，會舉例讓大家知道v-if跟v-sho...
CookieCookie 是伺服器（Server）傳送給瀏覽器（Client）的一小片段資料，並請瀏覽器保存起來，以便往後向相同的伺服器發送請求時，附上這 Co...
計算屬性 Computed 今天來介紹的是 computed 這個方法，能夠直接將結果存到變數之中，並且是可以直接使用的，直接來看下面的範例會比較清楚唷！ &l...
前言 生命週期的相關內容其實翻了蠻多次，但之前因為急著用，所以並沒有很靜下心來研究整個循環到底在做什麼，概念很模糊，同樣也是用得很沒安全感，今天年假放完第一...
解題思維 const app = new Vue({ el: "#app", data() { return...
前言這禮拜被這兩個搞得暈頭轉向，因為是有樣學樣，不是扎實的學術派，所以一開始我只會到處watch，但在向別人提問後，不只1人說你這應該用computed比較好...
vue.js2.0後版本推薦使用axios來完成ajax請求為Promise-based HTTP client非同步，可於then後進行操作、catch錯誤處...
蘇
‧
2021-09-25
在開發Vue專案時，時常會使用binding的技巧，用以動態變更參數的值，如下 <div class="sensorlist_icon&quo...
鍾小呆
切版姐姐
ㄆㄩ
Jerry Huang
Magisheng
EdwardXiong
iThome鐵人賽
看影片追技術