tags: Vuejs How to find your passion as a Software Developer ✐ 在連假的最後一天，一樣來一些輕鬆的...
接續上篇，做刪除帳號和用戶頁面，一口氣完成用戶的功能！ 刪除帳號 新增刪除帳號的路由： routes/web.php // User ... Route::d...
今天我要分享如何用Vue寫出簡單動畫效果。 CSS動畫 Vue提供transition的tag，可增加載入時的漸變效果。mode為動畫模式(out-in淡出淡入...
mutation當作 state 的 setter 使用。要符合 setter 的使命，擋掉錯誤格式。 在 GET 和 POST 格式差很多時。可以在 mut...
前言 曾經的我們寫前端都使用容易上手的jQuery來開發各式各樣前端的需求，不過技術日新月異，前端技術發展迅速，因此在目前三大前端框架中選擇了Vue.js。 會...
上次有提到watch或watchEffect可以讓我們監聽饗應式數據，並且執行某些副作用(side effect)，自己實務上常利用是監聽某項數值，例如監測使用...
今天來看看一個常見問題。 { first_name: 'chris', last_name: 'wang', email: 'chris@goodi...
插槽可幫助您在components 中放置內容，允許以嚴格的父子關係以外的其他方式來組合components。 單個插槽（Single Slot） 使用<...
晴
‧
2019-09-24
Vue 裡面的事件處理，使用的方式會跟一般 JavaScript 的用法相近，下面跟著一起看吧~ 事件處理 v-on 使用的方式為 例1.<button...
列表渲染 在 Vue 中，我們會使用 v-for 來迭代陣列中的元素。下方我先在 Vue 的應用程式中建立一個陣列為 list ： new Vue({ el...
Helló，我是Charlie！在Day21當中我們完成了後端的paypal sdk，在今天我們將完成前端結帳的部分。 ====================...
動態切換元件 今天來點輕鬆的，其實是我最近比較累所以沒辦法打太多東西，所以來介紹一個簡單的元件動態切換的方式，之前有使用動態的方式來切換 className 還...
昨天的鐵人賽文章有聊到event bus雖然方便，但是不容易偵錯及維護。隨著專案變大、元件變得越來越多，元件間的架構越來越複雜，有時候會遇到多個元件需要共用同一...
我在本地 Localhost 串接 Facebook Login JavaScript SDK 的時候，明明已經登入成功，但是重新整理頁面後，又會再次的取得 u...
條件式+計算式 jsfiddle <html> <head> <meta charset="UTF-8&quo...
v-on 監聽DOM並進行觸發v-on: -> 簡寫 @ v-on:click="xxx" @click="xxx"...
蘇
‧
2021-09-11
頁籤（Tabs）是一個很常見的 UI 元件，它可以讓使用者在內容上有關聯但屬於不同類別的資料或畫面之間切換。例如，我們可以用它來切換「娛樂」、「科技」、「股市...
今天來講條件渲染(Conditional Rendering)，也就是可以依照條件變化改變渲染元素的 Directives，會舉例讓大家知道v-if跟v-sho...
<input> 作為表單控制元素，是網頁開發中最常見的元素之一。<input> 的不同 type 設定會影響顯示的 UI，以及它所代表...
經過了三天的Vue簡單起手式，接著我們要回到Rails專案內實作了。（捲起袖子） 今天來了解一下元件的概念！ 元件component：堆樂高積木的概念 在開發...
錯誤方式 如果我們想將資料加進 html 屬性值，比如 img 的 src 中，可能會嘗試使用下列語法，但卻會發生錯誤。打開 console 它要我們使用 v-...
Toast 是一個提供使用者操作回饋的元件，通常會在幾秒鐘後自動消失。這類元件可以用來通知使用者新增或修改資料的成功或失敗，或者刪除訊息的成功或失敗。有時候還...
列表組件已經完成，再來可以做用戶頁面的文章列表了。 用戶頁面的文章列表 首先先修改用戶頁面的 Controller 部分，因為之後這個頁面還要放用戶喜歡的文章...
CookieCookie 是伺服器（Server）傳送給瀏覽器（Client）的一小片段資料，並請瀏覽器保存起來，以便往後向相同的伺服器發送請求時，附上這 Co...
身處金融業的我，從未想過有天還能在工作上，返回開發工程師的行列。一直以來，對於JS的喜愛依舊不減，假日時，偶爾還會開著電腦，寫寫JS。但對於框架語言，從未接觸。...
V02_最小規模的Vue的開發流程 建立vue專案 今天要來實際利用vite套件來建立vue專案延續參考vue官網上Quick Start的說明https://...
RURU Tseng
Lucas Yang
Chris
Peter Lu
Rafael
gior__ann
Magisheng
charlieda
貓貓工程師 / PM Ting
Alex
老鷹(eagle)
Alex Liu
ㄆㄩ
Leo
EdwardXiong
jasonlee2357
iThome鐵人賽
看影片追技術