超緊繃!30天Vue.js學習日記 class與style綁定 大家好,我ian啦!今天要介紹給大家的是:class與style綁定! class綁定 我...
本文同步發表於斜槓女紙部落格：切版任務(三)：首頁畫面搭配ScrollReveal，網頁畫面動次動(2) 嗨！又見面了，今天會持續將HTML標籤轉換成Vu...
技術架構 以下簡單列一下這個專案的技術架構規劃，也有可能會再調整，一開始會先以前端為主，後期有需要會加上後端系統。 前端 Vue CLI 3 Ele...
超緊繃!30天Vue.js學習日記 監聽屬性&計算屬性 大家好,今天我要介紹的是Vue中的監聽屬性(watch)以及計算屬性(computed),並且...
超緊繃!30天Vue.js學習日記 組件在蓋,基礎手法要有! 大家好,挖喜Ian啦!今天要來介紹的是在vue中很重要的一環-組件(Component)通常我們...
前言 上一篇文章中，我們已經為大家簡單介紹Vue Instance，並且透過範例讓大家初步了解該如何使用Vue 。而這篇文章我將為大家介紹Vue元件生命週期。...
超緊繃!30天Vue.js學習日記 指令V集合!(2) 大家好,我們終於來到第7篇了…咳咳昨天有講了一些指令,但是沒講完,所以今天要介紹的是其他指令:主要分別...
上一篇文章我們簡單介紹了Vue的幾個重要特性（漸進式框架、MVVM、元件、載入方式）。若不清楚的話，可以點擊上篇觀看Day2 - Vue 基本介紹（漸進式框架、...
何謂Vue? 我們可以把它視為一個漸進式框架或是函式庫。而什麼是漸進式框架呢？ 漸進式框架 白話文：就是你想要用哪部分都可以自行決定。有點像是你買一個可拆式工具...
超緊繃!30天Vue.js學習日記 指令V集合! 大家好,我今天要帶來的是:指令(directives)的介紹,在vue中,指令帶有 v- 的前綴特性,其功能...
超緊繃!30天Vue.js學習日記 生命週期的變化是如此美妙啊!(2) 大家好,我們今天會延續昨天的主題,對生命週期中的鉤子函數做進一步的介紹! 我們先附上一...
超緊繃!30天Vue.js學習日記 生命週期的變化是如此美妙啊! 大家好,我IAN啦!今天要來介紹的是在官方文件中所提到的生命週期,官方文件給了以下圖示並且補...
進入正題 本篇要介紹的是在 Vue 官網中最先提到的概念: Instance。 實例 (instance) 當我們使用 Vue 去建構 Web 應用時，都是先...
第一次接觸 Vue 的時候，是去年的 7 、 8 月，雖說是接觸，但可能連官方的 getting started 都還沒做完，也搞不懂 Vue.js 的用途是...
部落格同步刊登 [IT 鐵人賽] Component 基本入門 Day 2 現今算是 Web Component 當道，如果撇除 HTML5 原生的元件，那麼其...
部落格同步刊登 [IT 鐵人賽] VueJS 快速入門 Day 1 VueJS 算是最近比較熱門的項目之一，官方文件也相對齊全。我們這裡要看的目前還是以 V...
部落格同步刊登 [IT 鐵人賽] Vue 從前端到後端 Day 0 上次參加好像是 2014 年，然後我寫到第二篇就超過時間，索性直接放棄（欸）。不過，由於...
第一次使用 Cordova + Vue 開發 APP，順便將安裝開發環境的步驟紀錄下來。 安裝 Vue Cli Cordova JDK (Andro...
vue create 專案名稱 新增專案 Props(父 => 子)父畫面 <ProductCard :product=&quo...
遇到問題 在使用 Vue 的 watch 的時候，一般都是用這樣的 watch:{ text:{ handler(newValue){...
紀錄一下自己學習的歷程 有理解錯誤的歡迎提出指教 必要的 組件名稱最好為多個單詞，可以避免跟未來的 HTML tag 衝突。例如 todo 改成 todo-...
在前端其中一個頭痛的問題就是網頁 Bug，我會想知道使用者在前端操作上遇到了什麼問題，因此在 Vue 中，你可以透過 errorHandler 攔截網頁錯誤，你...
此文章主要是在記錄自己在開發NUXT.js上遇到的一些問題與試著練習寫一篇"大家看得懂的"技術文， 此次也是小弟我第一次編寫技術文章，所以若...
https://codepen.io/hereiscasio/pen/GRRKdxb 我們可能都遇過有些特殊的響應式設計情境或細節，需透過 JS 處理會更好，...
https://codepen.io/hereiscasio/pen/VwZRmwy?editors=1010 Used UI Component ( #1...
https://codepen.io/hereiscasio/pen/dybLbVd?editors=1010 Used UI Component ( #3...
https://codepen.io/hereiscasio/pen/gOYEXjM?editors=1000 Used UI Component ( #1...
https://codepen.io/hereiscasio/pen/eYOomxO?editors=1010 延續昨天的程式碼，今天專門介紹 Vue-port...
https://codepen.io/hereiscasio/pen/eYOomxO?editors=1010 Used UI Component ( #1...
https://codepen.io/hereiscasio/pen/dybrvBV Used UI Component ( #0 ) UI 圖來源見此 Di...
EN
鍾小呆
ckchuang
chunwen
閃光洽
Casio
iThome鐵人賽
看影片追技術