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

7 Like 1 留言 8407 瀏覽

鐵人賽 Modern Web DAY 1

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

技術 Vue 從前端到後端 Day 0

部落格同步刊登 [IT 鐵人賽] Vue 從前端到後端 Day 0 上次參加好像是 2014 年，然後我寫到第二篇就超過時間，索性直接放棄（欸）。不過，由於...

閃光洽 ‧ 2019-09-02

1 Like 0 留言 8368 瀏覽

技術 vue filter(七)

使用filter過濾器 const app = new Vue({ el: "#app", data: { friends:...

Amanda Hong ‧ 2018-04-09

0 Like 0 留言 8367 瀏覽

鐵人賽自我挑戰組

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

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

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

Celeste ‧ 2020-11-09

2 Like 0 留言 8314 瀏覽

技術如何在vue裡引進自己所撰寫的sass檔案(二)

首先在src資料夾裡，建立styles資料夾，並新增style.sass 開啟main.js，加入require('./styles/style.sass')...

Amanda Hong ‧ 2017-10-09

0 Like 0 留言 8171 瀏覽

鐵人賽自我挑戰組 DAY 3

Vuex 學習筆記系列第 17 篇

技術 [Vue.js] Vuex 學習筆記 (17) - 帳號登入 pluging

前言使用 Vuex 時我們一定會想到説可以應用在帳號登入，紀錄一些使用者的資訊，這邊我們來試著做一個帳號登入的功能。 Login Page 首先建立一個登入...

Nomi Su ‧ 2018-01-02

1 Like 0 留言 8107 瀏覽

鐵人賽自我挑戰組 DAY 19

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

技術 Day19 Vue Component溝通（$parent、$children）

本文同步刊載於Andy's Blog 前言這兩天介紹完Vue第一種元件之間的溝通方式，props in ,emit out，並且針對props使用上也做了...

chunwen ‧ 2019-10-05

1 Like 0 留言 7829 瀏覽

鐵人賽 Modern Web DAY 12

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 12 篇

技術 12. Nuxt 客製頁面效果 - 讀取(Loading)

這篇是頁面客製段落其二，主題講「Nuxt 頁面讀取效果如何調整」用來補充頁面細部設定讓我們回想錯誤頁面，是用來「呈現錯誤狀態的頁面元件」而頁面渲染前，N...

Ralph ‧ 2018-10-27 ‧團隊InfoSec Horadrim

3 Like 0 留言 7794 瀏覽

鐵人賽 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

8 Like 0 留言 7764 瀏覽

技術 [筆記][Vue.js]打開Vue.js世界的大門(8)-用Vue來玩轉style！

嗨！大家好！最近都維持著兩三天就一篇文章的頻率，說實在有點累人XD，不過年底就要到了很多事情都還沒有一個著落，突然覺得有點著急，才想說加緊個腳步昨天我們說了c...

神Q超人 ‧ 2018-08-27

3 Like 1 留言 7449 瀏覽

鐵人賽 Modern Web

超緊繃!30天Vue.js學習日記系列第 33 篇

技術 [Vue.js][日記]親愛的,我讓Mobile Web變成了PWA

超緊繃!30天Vue.js學習日記親愛的,我讓Mobile Web變成了PWA 大家好,我是IAN。接續著昨天的主題製作簡易的天氣預報頁面,過於無聊的我今天...

EN ‧ 2019-10-21 ‧團隊IT成長團

5 Like 2 留言 7334 瀏覽

技術 [筆記][Vue.js]打開Vue.js世界的大門(12)-讓組件與父元素溝通的$emit和v-model的綁定篇

嗨！讓我抓住禮拜天的尾巴，繼續研究Vue.js吧XD，之後就要分心處理React了，那廢話不多說，分隔線下進入正文！對父級做事件處理首先提一下關於組件的事...

神Q超人 ‧ 2018-09-03

0 Like 0 留言 7322 瀏覽

鐵人賽自我挑戰組 DAY 16

與Vue相遇系列第 16 篇

技術 Day016-Component組件-傳值(props和$emit)

Vue：我們透過組件，來模塊化我們的功能。我知道你很好奇，到底如何從根模塊，傳值給組件，使組件可以渲染資料於table中，對吧？如果，仔細觀察昨天的程式碼，你會...

EdwardXiong ‧ 2020-09-30

0 Like 0 留言 7289 瀏覽

鐵人賽自我挑戰組 DAY 3

Vuex 學習筆記系列第 6 篇

技術 [Vue.js] Vuex 學習筆記 (6) - mapState 與 mapGetters 合併使用

合併使用我們在實際開發時， computed 內容並不會像前兩章的範例那樣簡單，有時我們需要將本地組件的 computed 或是 mapState 與 map...

Nomi Su ‧ 2017-12-11

1 Like 1 留言 7186 瀏覽

鐵人賽 Modern Web DAY 7

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

技術真的好想離開 Vue 3 新手村 - Day 7: 深入了解 <script setup> 語法糖

誰適合看這篇想知道 <script setup> 的優點跟我一樣很好奇為什麼 <script setup> 效能比較好...

安揪拉 ‧ 2022-09-22

5 Like 1 留言 7167 瀏覽

技術 [筆記][Vue.js]打開Vue.js世界的大門(7)-class也飛不出Vue的掌心！

嗨啊！今天台南終於放晴了，那麼好的天氣，就輕鬆打個文章吧XD，內容來說說如何使用Vue.js來操作class屬性。 class 不就用v-bind綁定clas...

神Q超人 ‧ 2018-08-25

0 Like 0 留言 7161 瀏覽

技術 element-ui 的 el-table 上使用无限滚动加载（与自带的 infinite-scroll 结合）

[TOC] 在线示例：https://yujinpan.github.io/el-table-infinite-scroll/ 实现原理：https://g...

YuJinpan ‧ 2019-10-04

0 Like 0 留言 6989 瀏覽

技術 Vue心得筆記(1) -- array的響應

版本: Vue.js v2.6.10使用方式: <html> <head> <script src="https:/...

Amigo ‧ 2019-09-27

9 Like 2 留言 6988 瀏覽

技術 [筆記][Vue.js]打開Vue.js世界的大門(2)-是或不是，不然就怎樣的條件判斷

前陣子和朋友在書局逛街的時候，他問了一句話：「欸！你都是怎麼重頭學習一個新技術的啊？」在記憶裡，我是這樣回答的：「很簡單啊，做就對了！」沒錯！就是這樣子...

神Q超人 ‧ 2018-08-15

2 Like 2 留言 6970 瀏覽

鐵人賽 Modern Web DAY 1

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

技術真的好想離開 Vue 3 新手村 - Day 1: 前言之系列簡介

前言的前言嗨，我是安揪拉，住在 Vue 新手村大概一個多月，接下來要一邊寫鐵人賽、一邊接案，希望能成功活下來 QQ，真的好想離開 Vue 3 新手村啊～我蒐集...

安揪拉 ‧ 2022-09-16

0 Like 1 留言 6851 瀏覽

鐵人賽自我挑戰組 DAY 8

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

技術 Vue computed 與 method 的差異比較

tags: Vuejs computed 與 method 的混淆在模板中要對資料計算或是轉換時，computed 與 method 往往能替我們做到同樣的事...

RURU Tseng ‧ 2020-09-23

0 Like 0 留言 6580 瀏覽

鐵人賽 Modern Web DAY 27

快搭上姐姐的`微`前端便車系列第 27 篇

技術第27車廂-關於訊息視窗:bootstrap5Model應用篇

本篇介紹Bootstrap5 UI的Modal(彈出互動視窗)呼叫方式起手式 <link href="https://cdn.jsde...

切版姐姐 ‧ 2021-10-12

1 Like 0 留言 6535 瀏覽

鐵人賽自我挑戰組 DAY 22

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

技術 Day22 Vue Component(元件) is動態切換元件

本文同步發表於Andy's Blog 前言昨天介紹完event bus，那我們今天來了解如何用is動態切換元件 is動態切換元件介紹用途：最常使用在頁籤...

chunwen ‧ 2019-10-08

0 Like 0 留言 6396 瀏覽

鐵人賽 Modern Web DAY 27

前端暴龍機，Vue2.x 進化 Vue3 系列第 27 篇

技術 [前端暴龍機，Vue2.x 進化 Vue3 ] Day27. Vue3 ref & reactive 小練習

說了那麼多，感覺還是有點模糊~ 沒關係，我可能也差不多 ( 哈哈所以還是透過實作練習，讓自己更了解，看見那更明朗的天空吧目標 : 透過串接 API 接收取到...

gior__ann ‧ 2021-10-06 ‧團隊請付費解鎖團隊名稱

0 Like 0 留言 6355 瀏覽

鐵人賽自我挑戰組

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

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

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

Celeste ‧ 2020-11-21

0 Like 2 留言 6188 瀏覽

技術 Vue3 串接 Google OAuth 登入【2022 最新】

前言大家好，我是 Ryan，這篇文章是我參與 iThome 2022 鐵人賽時與大家分享使用 Nuxt 3 串接 Google OAuth 登入的額外分享，因...

Ryan ‧ 2022-10-05

4 Like 2 留言 6057 瀏覽

技術 [筆記][Vue.js]打開Vue.js世界的大門(10)-事件綁定的後綴修飾符Part2篇

Hello！大家好！Part1篇在這裡，今天讓我們繼續事件修飾符的Part2篇(簡單迅速切入正文，因為時間有點晚了XD)！首先登板的是.once！ 1. ....

神Q超人 ‧ 2018-08-31

2 Like 0 留言 5992 瀏覽

鐵人賽自我挑戰組 DAY 2

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

技術 Day2 - Vue 基本介紹（漸進式框架、MVVM、元件）

何謂Vue? 我們可以把它視為一個漸進式框架或是函式庫。而什麼是漸進式框架呢？漸進式框架白話文：就是你想要用哪部分都可以自行決定。有點像是你買一個可拆式工具...

chunwen ‧ 2019-09-18

0 Like 0 留言 5977 瀏覽

鐵人賽自我挑戰組 DAY 4

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

技術 [DAY08]跟 Vue.js 認識的3天 - Vue 的事件監聽

在 JS 中有監聽器 addeventListener ，而 Vue 也有自己一套 DOM 元素監聽器的指令 v-on ， Vue 也配置了幾個修飾符來替代像是...

Celeste ‧ 2020-09-28

2 Like 1 留言 5949 瀏覽

鐵人賽 Modern Web DAY 7

用 Nuxt.js 2.0, Vuetify, Storybook, Firebase 建一個 Blog 系列第 7 篇

技術 #7: Storybook 和 Nuxt.js

storybook 版本升級如果有看上一篇的話，會發現上一篇的範例用的是 storybook 3.4.10。因為重新用 webpack4 建立了 Nuxt 2...

HunterLiu ‧ 2018-10-14 ‧團隊武裝狗狗

1 Like 0 留言 5682 瀏覽

鐵人賽 Modern Web DAY 13

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 13 篇

技術 13. Nuxt 客製頁面效果 - 轉場(Transition)

這篇是頁面客製段落其三，主題講「Nuxt 頁面轉場效果如何調整」回憶兩種暫態正在讀取中 => 讀取效果 (Loading) 頁面切換中 =>...

Ralph ‧ 2018-10-28 ‧團隊InfoSec Horadrim