iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 231 瀏覽

技術 [筆記]vue-cli i18n 多語系應用練習

參考文章: https://medium.com/easons-murmuring/%E5%9C%A8-vue-cli-%E4%B8%AD%E4%BD%BF%E...

gior__ann ‧ 2021-03-03

0 Like 0 留言 659 瀏覽

鐵人賽自我挑戰組

跟 VueJS 認識的30天系列第 21 篇

技術 [DAY21]跟 Vue.js 認識的30天 - Vue 過濾器(`filter`)

這是一個在 Vue 3 被拿掉的功能，但還是來了解一下。 filter 用途及用法 filter 是讓雙花括號({{}})或 v-bind 表達式中的值通過...

Celeste ‧ 2021-02-12

0 Like 0 留言 462 瀏覽

鐵人賽自我挑戰組

跟 VueJS 認識的30天系列第 20 篇

技術 [DAY20]跟 Vue.js 認識的30天 - Vue 插件(Plugin)

這一篇說實在的，現在的我還不能寫出有用的插件，所以這一篇筆記主要也是學習使用別人寫好的插件。使用插件 Vue.use('PluginName', { //...

Celeste ‧ 2021-02-12

0 Like 0 留言 475 瀏覽

鐵人賽自我挑戰組

跟 VueJS 認識的30天系列第 19 篇

技術 [DAY19] 跟 Vue.js 認識的30天 - Vue 自定義指令(`directive`)

在粗淺的看過這一章時，覺得 Vue 真的有好多功能啊，目前的我似乎還是沒辦法很熟用 Vue 的每項語法，只希望未來在遇到各種問題時，我能有印象可以使用哪種語法。...

Celeste ‧ 2021-02-12

0 Like 0 留言 639 瀏覽

鐵人賽自我挑戰組

跟 VueJS 認識的30天系列第 18 篇

技術 [DAY18]跟 Vue.js 認識的30天 - Vue 混入(`mixin`)

混入(mixin)似乎也是個初學 Vue 比較少被用到的功能，但還是照順序的了解一下。基礎運用在模組中如果有重複出現的模組 option 內容，就可以透過...

Celeste ‧ 2021-01-28

0 Like 0 留言 395 瀏覽

鐵人賽自我挑戰組

跟 VueJS 認識的30天系列第 17 篇

技術 [DAY17]跟 Vue.js 認識的30天 - Vue 過渡(轉場)及動畫效果下篇(`<transition-group>`) - 多個元素的過渡及列表過渡

這一篇就來接續寫完 Vue 過渡及動畫的內容啦！希望能順利寫完我的 Vue 筆記。多個元素的切換轉場以後就用 .v-* 跟 .transitionName-...

Celeste ‧ 2021-01-28

0 Like 0 留言 509 瀏覽

鐵人賽自我挑戰組

跟 VueJS 認識的30天系列第 16 篇

技術 [DAY16]跟 Vue.js 認識的30天 - Vue 過渡(轉場)及動畫效果上篇(`<transition>`)

先看上圖來了解 Vue 將動畫進入跟離開這 2 種階段，而在進入跟離開階段又分別配置了 3 種狀態 — 初始狀態(進入前、離開前)、進行中狀態、結束狀態(進入...

Celeste ‧ 2021-01-28

0 Like 0 留言 1931 瀏覽

鐵人賽自我挑戰組

跟 VueJS 認識的30天系列第 15 篇

技術 [DAY15]跟 Vue.js 認識的30天 - Vue 動態模組(Dynamic Components)

這次寫的內容是之前都沒使用過的，所以就盡量讓自己有概念，希望之後能使用到。使用 v-bind:is 來切換模組切換模組的基本語法 <component...

Celeste ‧ 2020-11-29

0 Like 0 留言 2054 瀏覽

鐵人賽自我挑戰組

跟 VueJS 認識的30天系列第 14 篇

技術 [DAY14]跟 Vue.js 認識的30天 - Vue 模組插槽(`slot`)

最近在 youtube 找到一個學習 webpack 很好用的教學影片，所以正努力的學習 webpack 中，一個不小心就太沉迷在新技術的練習了，導致有點忽略...

Celeste ‧ 2020-11-21

2 Like 0 留言 367 瀏覽

技術 Vue ⑅：將資料呈現在畫面上

Vue Data 呈現於畫面上有以下幾種方法： {{ }}：神奇的雙大括號 v-text：跟神奇大括號一樣的效果，但是寫在標籤裡 v-once：綁定的標籤只會...

SONYKO りん ‧ 2020-11-17

0 Like 0 留言 571 瀏覽

技術 Vue ⑅：要開始Vue之前要先做的事

JavaScript 學得差不多了，覺得應該可以開始 Vue 看看了但在 Vue 之前要先引入它。在引入它之前，還有幾個要下載的東西： Vue Dev...

SONYKO りん ‧ 2020-11-16

0 Like 0 留言 356 瀏覽

技術 [鼠年全馬] W37 - Vue出一個旅館預約平台(11)

這週接續上週進度把真實資料餵進 SuccessCard.vue 囉~ #左側預約功能(接續) 真實資料需要用到預約POST API回傳的資料所以我們先回到...

餅乾 ‧ 2020-11-16

0 Like 0 留言 505 瀏覽

技術 [鼠年全馬] W36 - Vue出一個旅館預約平台(10)

轉眼間來到了 Vue出旅館預約平台第10篇了...做的真久阿... 還好不是公司的專案, 不然絕對被電爆這週要來做預約成功的畫面~ #預約成功-開發先來...

餅乾 ‧ 2020-11-10

0 Like 0 留言 2024 瀏覽

鐵人賽自我挑戰組

跟 VueJS 認識的30天系列第 13 篇

技術 [DAY13] 跟 Vue.js 認識的30天 - Vue 模組自定義事件(Custom Events)

每次寫筆記都在想要怎麼寫得讓大家(包含未來的我)看得懂，所以每次都要寫很久，但好像自己的內容有點太無聊了 XD 。自定義事件( Custom Events )...

Celeste ‧ 2020-11-09

0 Like 0 留言 455 瀏覽

技術 Vuex 是什麼

Vuex 是 Vue 提供的一種資料狀態管理的模式，它可以統一控管資料的狀態，都是在小型的 SPA 網站，元件資料的傳遞可以透過 props ，但如果是大型的...

Jerry Huang ‧ 2020-11-03

0 Like 0 留言 347 瀏覽

技術 [鼠年全馬] W35 - Vue出一個旅館預約平台(9)

這週很重要~要來寫旅館預約平台的 [預約功能] 在F2E API中有提供一個 [POST] 預約房型方法: 我們要利用它來做預約的功能 #呼叫API方式...

餅乾 ‧ 2020-11-03

0 Like 0 留言 1864 瀏覽

鐵人賽自我挑戰組

跟 VueJS 認識的30天系列第 12 篇

技術 [DAY12]跟 Vue.js 認識的30天 - Vue 模組資料傳遞(`props`)

props 的命名及使用 HTML attribute 是大小寫不敏感的，所以必須要注意 prop 的命名跟使用。命名可以使用 PascalCase (首...

Celeste ‧ 2020-10-31

1 Like 0 留言 380 瀏覽

技術 [鼠年全馬] W34 - Vue出一個旅館預約平台(8)

這週要來將 [預約頁面] 最後的房間詳細資訊完成!! [標題] (已完成) [預約功能] (已完成) [房間詳細] [Footer] (已完成)...

餅乾 ‧ 2020-10-26

0 Like 0 留言 459 瀏覽

技術 [鼠年全馬] W33 - Vue出一個旅館預約平台(7)

這週繼續來做 [預約頁面] 回顧一下上週切的區塊 [標題] (已完成) [預約功能] [房間詳細] [Footer] (已完成) 這週來處理...

餅乾 ‧ 2020-10-21

1 Like 0 留言 1241 瀏覽

鐵人賽自我挑戰組

跟 VueJS 認識的30天系列第 11 篇

技術 [DAY11]跟 Vue.js 認識的30天 - Vue 的模組註冊(`component`)

模組的命名一個模組的命名關係到我們是否能快速地知道這個模組的功能是甚麼，同時可以避免跟現有的 HTML 標籤相衝突。在Vue.js - 风格指南中， com...

Celeste ‧ 2020-10-17

0 Like 0 留言 472 瀏覽

技術 [鼠年全馬] W32 - Vue出一個旅館預約平台(6)

因為上個月直接專注在 [iT邦鐵人賽] 直接好幾個禮拜都沒有刷 [鼠年全馬] 進度xD 這週回歸來做我們美美的旅館預約平台 #複習來複習一下目前的進度...

餅乾 ‧ 2020-10-16

0 Like 1 留言 362 瀏覽

鐵人賽自我挑戰組 DAY 30

每天來點 Vue.js 吧系列第 30 篇

技術每天來點 Vue.js 吧目錄&總結

tags: Vuejs 本次鐵人作為進入 Vue 3 的前的粗淺回顧，簡單介紹了 Vue 2 官網的內容，雖然有許多不足，中段開始時間調控上做的也不如預期，但在...

RURU Tseng ‧ 2020-10-15

0 Like 3 留言 321 瀏覽

鐵人賽 Modern Web DAY 30

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 30 篇

技術 [VR 前後端交響曲Day30] Rails專案開發 - 網站部署 + 完賽感言

今天就是網站部署、公開上線的日子了！不過，因為現在只是最小可行產品而已，還有很多預計規劃的功能還沒完成(例如column component的CRUD)，所...

Ting Ting ‧ 2020-10-15

0 Like 1 留言 210 瀏覽

鐵人賽自我挑戰組 DAY 29

每天來點 Vue.js 吧系列第 29 篇

技術 Vue 動態組件

tags: Vuejs 動態組件 ✐ 動態組件可以幫助我們動態切換組件，例如在網頁的多標籤介面中常見到動態切換組件的需求，便是動態組件能幫忙的場景之一。使用...

RURU Tseng ‧ 2020-10-14

1 Like 0 留言 178 瀏覽

鐵人賽 Modern Web DAY 29

從 0 開始建一個 Static Site Generator 系列第 29 篇

技術 Day 29: 實作 Vue 的 Server Side Render

這篇的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-generat...

DanSnow ‧ 2020-10-14

0 Like 0 留言 308 瀏覽

鐵人賽自我挑戰組 DAY 30

與Vue相遇系列第 30 篇

技術 Day030-與Vue相遇--鐵人賽回顧

回顧30天，也讓我回憶了今年從金融業被抓去做開發工程師的日子。這30天中，講述了Vue的基本介紹、性能比較，也依據Vue的特性，實作出許多app。當然，雖...

EdwardXiong ‧ 2020-10-14

0 Like 0 留言 261 瀏覽

鐵人賽 Modern Web DAY 29

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 29 篇

技術 [VR 前後端交響曲Day29] Rails專案開發 - Action Cable即時互動功能: 以edit和delete ticket為例

來到倒數第二天啦！感動流淚O_Q 前兩天裡用Vuex狀態管理的方式實作編輯和刪除ticket 本日待實作的功能：利用Action Cable廣播，在任何的瀏覽器...

Ting Ting ‧ 2020-10-14

0 Like 1 留言 269 瀏覽

鐵人賽自我挑戰組 DAY 28

每天來點 Vue.js 吧系列第 28 篇

技術 Vue slot：作用域插槽、具名插槽的縮寫

tags: Vuejs 作用域插槽 <slot> 內容在父模板編譯，基於 Vue 的定義，在父模板中編譯的內容訪問 parent scope，在子模...

RURU Tseng ‧ 2020-10-13

1 Like 0 留言 196 瀏覽

鐵人賽 Modern Web DAY 28

從 0 開始建一個 Static Site Generator 系列第 28 篇

技術 Day 28: 介紹 Vue 的 Server Side Render

雖然一開始說 Vue 因為有 Single File Component ，所以要 Server Side Render 可能會碰到需要用 bundler 的情...

DanSnow ‧ 2020-10-13

0 Like 0 留言 619 瀏覽

鐵人賽自我挑戰組 DAY 4

跟 VueJS 認識的30天系列第 10 篇

技術 [DAY10]跟 Vue.js 認識的30天 - Vue 的基本模組(`component`)概念

Vue 的模組 - component 作用 Vue 的模組 component 是可以重複使用的 Vue 實例，所以也擁有 data、computed、wa...

Celeste ‧ 2020-10-13

技術 [筆記]vue-cli i18n 多語系應用練習

技術 [DAY21]跟 Vue.js 認識的30天 - Vue 過濾器(`filter`)

技術 [DAY20]跟 Vue.js 認識的30天 - Vue 插件(Plugin)

技術 [DAY19] 跟 Vue.js 認識的30天 - Vue 自定義指令(`directive`)

技術 [DAY18]跟 Vue.js 認識的30天 - Vue 混入(`mixin`)

技術 [DAY17]跟 Vue.js 認識的30天 - Vue 過渡(轉場)及動畫效果下篇(`<transition-group>`) - 多個元素的過渡及列表過渡

技術 [DAY16]跟 Vue.js 認識的30天 - Vue 過渡(轉場)及動畫效果上篇(`<transition>`)

技術 [DAY15]跟 Vue.js 認識的30天 - Vue 動態模組(Dynamic Components)

技術 [DAY14]跟 Vue.js 認識的30天 - Vue 模組插槽(`slot`)

技術 Vue ⑅：將資料呈現在畫面上

技術 Vue ⑅：要開始Vue之前要先做的事

技術 [鼠年全馬] W37 - Vue出一個旅館預約平台(11)

技術 [鼠年全馬] W36 - Vue出一個旅館預約平台(10)

技術 [DAY13] 跟 Vue.js 認識的30天 - Vue 模組自定義事件(Custom Events)

技術 Vuex 是什麼

技術 [鼠年全馬] W35 - Vue出一個旅館預約平台(9)

技術 [DAY12]跟 Vue.js 認識的30天 - Vue 模組資料傳遞(`props`)

技術 [鼠年全馬] W34 - Vue出一個旅館預約平台(8)

技術 [鼠年全馬] W33 - Vue出一個旅館預約平台(7)

技術 [DAY11]跟 Vue.js 認識的30天 - Vue 的模組註冊(`component`)

技術 [鼠年全馬] W32 - Vue出一個旅館預約平台(6)

技術 每天來點 Vue.js 吧 目錄&總結

技術 [VR 前後端交響曲Day30] Rails專案開發 - 網站部署 + 完賽感言

技術 Vue 動態組件

技術 Day 29: 實作 Vue 的 Server Side Render

技術 Day030-與Vue相遇--鐵人賽回顧

技術 [VR 前後端交響曲Day29] Rails專案開發 - Action Cable即時互動功能: 以edit和delete ticket為例

技術 Vue slot：作用域插槽、具名插槽的縮寫

技術 Day 28: 介紹 Vue 的 Server Side Render

技術 [DAY10]跟 Vue.js 認識的30天 - Vue 的基本模組(`component`)概念

At

技術每天來點 Vue.js 吧目錄&總結