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

vue.js相關文章

共有 1664 則文章

462 人追蹤

追蹤

1 Like 0 留言 14875 瀏覽

鐵人賽 Modern Web DAY 13

用範例理解 Vue.js 系列第 13 篇

技術用範例理解 Vue.js #13：v-model and data binding

你可以用 v-model 指令建立雙向數據綁定，在 Day2 的範例 06 - Form Input Bindings 已經使用過了。範例回顧 Day2：...

HunterLiu ‧ 2017-12-23 ‧團隊露天廢物

0 Like 1 留言 14870 瀏覽

鐵人賽 Modern Web DAY 3

不只懂 Vue 語法：Vue.js 觀念篇系列第 3 篇

技術不只懂 Vue 語法：以 Vue 和 Nuxt 為例，說明 SPA 和 SSR 的概念？

問題回答 Vue 是 SPA 框架，而 Nuxt 是 Vue 生態系裏的一個能同時實現 SPA 和 SSR 的框架。SPA 的主要技術是不用重刷頁面來更新頁面內...

Alysa Chan ‧ 2021-09-12 ‧團隊前端新手練功團

0 Like 0 留言 14813 瀏覽

鐵人賽自我挑戰組

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

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

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

Celeste ‧ 2020-10-31

0 Like 1 留言 14812 瀏覽

鐵人賽 Modern Web DAY 4

實作小範例入門 Vue & Vuex 2.0 系列第 4 篇

技術 vue & vuex 04 - 使用 vue-router 建構 Single Page Application

為什麼要使用 router ? 更方便讓我們切換兩個不同的頁面，而不是將所有功能寫在同一頁上面，利用 if 去切換使用 vue-router 2.0 npm...

Jasper ‧ 2016-12-05

1 Like 0 留言 14769 瀏覽

鐵人賽 Modern Web DAY 12

用範例理解 Vue.js 系列第 12 篇

技術用範例理解 Vue.js #12：Event Handling(v-on)

Event Handling 可以用 v-on 指令監聽 DOM 事件，並在觸發時執行一些 JavaScript 代碼。 v-on 當 button Gree...

HunterLiu ‧ 2017-12-22 ‧團隊露天廢物

0 Like 2 留言 14760 瀏覽

鐵人賽 Modern Web DAY 11

Nuxt 3 學習筆記系列第 11 篇

技術 [Day 11] Nuxt 3 插件 (Plugins)

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2022-09-26

0 Like 0 留言 14697 瀏覽

技術 vue 學習雜記 (六)

在js数据中如何引用图片 data () { return { imgUrl: '图片地址',//错误写法...

Amanda Hong ‧ 2018-02-07

4 Like 2 留言 14365 瀏覽

鐵人賽 Modern Web DAY 5

關於我用 Laravel 寫 SPA 卻不寫 API 的那檔事系列第 5 篇

技術 Day 05 安裝 Tailwind CSS

上一篇的範例因為沒有用 CSS 調教過，還不大能見人。本篇將來簡單介紹 Tailwind CSS 這個 Utility-First 的 CSS 框架。 Tai...

Lucas Yang ‧ 2020-09-07

1 Like 0 留言 14293 瀏覽

鐵人賽 Modern Web DAY 10

Nuxt 3 學習筆記系列第 10 篇

技術 [Day 10] Nuxt 3 組合式函式 (Composables)

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2022-09-25

2 Like 0 留言 14216 瀏覽

鐵人賽 Modern Web DAY 10

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 10 篇

技術 [ Vue.js ] 元件樣板 template

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-12

2 Like 3 留言 13986 瀏覽

鐵人賽 Modern Web DAY 25

Nuxt 3 學習筆記系列第 25 篇

技術 [Day 25] Nuxt 3 邁向國際化 - 使用 Nuxt I18n 實作多國語系

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2022-10-10

0 Like 0 留言 13971 瀏覽

鐵人賽 Modern Web DAY 22

Vue.js套件介紹及範例系列第 22 篇

技術 vue-tables-2 (3)

vue-tables-2 (3) 表格套件，本篇主要說明如何在Template裡面使用自訂元件(Custom component)取代表格的顯示資料 Git...

JB ‧ 2018-11-05

4 Like 1 留言 13833 瀏覽

技術 Electron - 今晚我想來點 Electron 加 Vue.js

前幾篇介紹了 Electron 如何操作，既然 Electron 是將網頁包起來，那當然可以使用 Vue.js 來做啊！今天就讓我們一起看看該怎麼實作 Elec...

Ares ‧ 2020-11-25

1 Like 0 留言 13791 瀏覽

鐵人賽 Modern Web DAY 24

到底要怎麼開始開發網站? --- 從入門到使用Vue, Firebase製作老闆交代的網站系列第 24 篇

技術【D24 - 用Vue實作網頁】一天搞定登入+註冊+登出

昨天我們提到了Firebase 的Authentication~ 今天就會純coding，帶大家走過一遍完整的登入到登出流程! 前言今天會比較多codin...

ryanyen2 ‧ 2020-09-24

5 Like 0 留言 13778 瀏覽

鐵人賽 Modern Web DAY 4

用範例理解 Vue.js 系列第 4 篇

技術用範例理解 Vue.js #4：Virtual DOM

概述 DOM 是文檔對像模型(Document Object Model)的簡寫，在瀏覽器中我們可以使用 js 來操作 DOM，但是這樣的操作性能很差，於是...

HunterLiu ‧ 2017-12-14 ‧團隊露天廢物

1 Like 0 留言 13714 瀏覽

鐵人賽 Modern Web DAY 10

VueJS 從前端到後端系列第 10 篇

技術 Router 基本入門 Day 9

部落格同步刊登 [IT 鐵人賽] Router 基本入門 Day 9 聊完狀態管理之後，我們來聊一下前端的路由。最近各大家前端工具都有支援前端路由的功能。而...

閃光洽 ‧ 2019-09-11

3 Like 0 留言 13660 瀏覽

鐵人賽 Modern Web DAY 6

初探Vue.js 30天系列第 6 篇

技術 [Day 6] v-model 雙向綁定-表單資料處理好幫手

v-model 前面講到v-bind是單向綁定，而今天就要來講雙向綁定的v-model(Two-way Binding) v-model常用於表單及元素來做雙向...

Peter Lu ‧ 2020-09-20

2 Like 0 留言 13589 瀏覽

鐵人賽 Modern Web DAY 7

用範例理解 Vue.js 系列第 7 篇

技術用範例理解 Vue.js #7：Filters vs Computed

Filters Vue.js 允許自定義過濾器，過濾器分為本地和全域。使用方法分為兩種：模板運算後方加上管道符號| {{ value | filter...

HunterLiu ‧ 2017-12-17 ‧團隊露天廢物

2 Like 0 留言 13563 瀏覽

鐵人賽 Modern Web DAY 29

Nuxt 3 學習筆記系列第 29 篇

技術 [Day 29] Nuxt 3 發布網站前的建構打包 (Build) 與靜態網站生成 (Static Site Generation)

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2022-10-14

1 Like 2 留言 13440 瀏覽

鐵人賽 Modern Web DAY 9

Nuxt 3 學習筆記系列第 9 篇

技術 [Day 09] Nuxt 3 元件 (Components)

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2022-09-24

3 Like 0 留言 13409 瀏覽

鐵人賽 Modern Web DAY 15

不只懂 Vue 語法：Vue.js 觀念篇系列第 15 篇

技術不只懂 Vue 語法：請說明 keep-alive 以及 is 屬性的作用？

問題回答 <keep-alive> 的作用是緩存一個元件的資料狀態，即使它被切換掉，不再呈現在畫面上時，它的資料狀態依然會把存起來，並不會像一般元件...

Alysa Chan ‧ 2021-09-24 ‧團隊前端新手練功團

1 Like 2 留言 13292 瀏覽

鐵人賽 Modern Web DAY 16

Nuxt 3 學習筆記系列第 16 篇

技術 [Day 16] Nuxt 3 狀態管理 (State Management)

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2022-10-01

2 Like 0 留言 13077 瀏覽

鐵人賽自我挑戰組 DAY 26

前端新手筆記-Vue.js 系列第 26 篇

技術 Day 26 Vue-router簡介

前言昨天介紹完Vue CLI2、3如何建立後，我們今天來認識一下Vue-router怎麼使用吧！ Vue Router簡介 Vue Router就是由前端模...

chunwen ‧ 2019-10-12

3 Like 1 留言 12921 瀏覽

技術 [筆記][Vue.js]打開Vue.js世界的大門(3)-既然長得差不多，就用迴圈吧！

終於輪到迴圈了(其實也才剛開始三篇而已XD)！說到迴圈大家一定不陌生，除了最初的起點Hello!world!以外，應該就是九九乘法表了，那當迴圈融入前端框架時，...

神Q超人 ‧ 2018-08-17

1 Like 0 留言 12911 瀏覽

鐵人賽 Modern Web DAY 22

不只懂 Vue 語法：Vue.js 觀念篇系列第 22 篇

技術不只懂 Vue 語法：為何 v-for 的 key 必須是唯一值？v-for 與 v-if 能否同時使用？

問題回答 v-for 的 key 必須是唯一值，才可以讓 Vue 在更新 v-for 所產生的列表時，能準確更新節點。相反，如果使用 index 作為 key，...

Alysa Chan ‧ 2021-10-01 ‧團隊前端新手練功團

1 Like 1 留言 12862 瀏覽

技術用前端就可以充當機器人寄信 -- EmailJS

EmailJS helps sending emails using client side technologies only. No server is...

ryanyen2 ‧ 2020-08-25

0 Like 0 留言 12774 瀏覽

鐵人賽 Modern Web DAY 13

Nuxt 3 學習筆記系列第 13 篇

技術 [Day 13] Nuxt 3 中間件目錄 (Middleware Directory)

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2022-09-28

3 Like 0 留言 12724 瀏覽

鐵人賽 Modern Web DAY 3

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 3 篇

技術真的好想離開 Vue 3 新手村 - Day 3: 細看 Vue + Vite 專案資料夾結構

誰適合看這篇已經初步了解 npm、package.json、package-lock.json、node_modules 建立 Vue 專案後，沒有仔細看...

安揪拉 ‧ 2022-09-18

1 Like 0 留言 12571 瀏覽

鐵人賽 Modern Web DAY 28

不只懂 Vue 語法：Vue.js 觀念篇系列第 28 篇

技術不只懂 Vue 語法：試說明有哪些方式可以全域註冊方法？

問題回答全域註冊的方法，意思是每個 Vue 元件都能使用的方法。在 Vue 2 會有以下方法： Vue.prototype plugin mixin...

Alysa Chan ‧ 2021-10-07 ‧團隊前端新手練功團

1 Like 1 留言 12548 瀏覽

鐵人賽 Modern Web DAY 19

Nuxt 3 學習筆記系列第 19 篇

技術 [Day 19] Nuxt 3 串接 Google OAuth 登入

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2022-10-04

參賽組數

902 組

團體組數

37 組

累計文章數

19831 篇

完賽人數

528 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react

IT邦幫忙