iT邦幫忙

vue相關文章
共有 669 則文章
鐵人賽 Modern Web DAY 8

技術 一口氣看完 Vue composition API 語法-D08

一口氣看完 Vue composition API 語法 為什麼要用 Vue 3 Composition API? 對我來說最重要的有2點: 比Option...

鐵人賽 Modern Web DAY 24

技術 Day 24: Before Pinia - 什麼是狀態(state)?為什麼需要狀態管理器?

前言 Vue 文件常常出現 "state" 這個單字,像是在 Reactivity Fundamentals 篇章中,會用 "st...

鐵人賽 Modern Web DAY 24

技術 D23 - 「不斷線的侏儸紀」:有一隻小恐龍在跑步(使用 GSAP 動畫)

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

鐵人賽 Modern Web DAY 19

技術 [Vue.js][日記]來個期中練習吧!

超緊繃!30天Vue.js學習日記 來個期中練習吧! 大家好,不知不覺已經來到18天了,基本語法也告一段落,所以今天決定來點不一樣的東西:Todo List...

鐵人賽 Modern Web DAY 19

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day19.組件練習 ref -分頁(二)

今天我們會利用上一篇的 分頁組件 範例來做更改,不過差別在於,這次我們父子組件的溝通不是透過 props & $emit 而是透過另一個方式來達成相同的...

鐵人賽 Modern Web DAY 24
LV的全端開發體驗 系列 第 24

技術 Day24 前後端分離後的分頁 - Laravel Paginate & Vue

分頁一直是個有點難度但做法又大同小異的議題,Laravel 本身提供的Paginate除了針對自己的Blade很方便之外,對於前端來說也是滿友善的,如果有特別需...

鐵人賽 Modern Web DAY 13

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day13.Class 與 Style 綁定

除了資料的操作, Vue 也還可以跟 網頁樣式 有關係,除了內容可以用 v-if 做切換,擁有會員資格的是不是也可以讓它的介面更華麗呢? 趕快來看看~ v-bi...

鐵人賽 Modern Web DAY 23

技術 [VR 前後端交響曲Day23] Rails專案開發 - Vuex狀態管理 (1)

昨天我把一張自己開給自己的票:拖拉ticket解決了! 接著換下一張票、同時也就是今天的鐵人賽主題:改寫成Vuex來管理狀態~ 在鐵人賽第13天的時候曾經聊到...

鐵人賽 Modern Web DAY 30

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

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

鐵人賽 Modern Web DAY 21

技術 D20 - 「吶,你想要成為什麼顏色?」:將色彩傳下去

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

技術 用vue開始一個新專案

最近開始了一個用vue作為前端語言的專案,紀錄一下生產的過程。首先這個專案是用vue cli建立,在建立之前,我們的電腦必須下載ndde.js,以及它的管理套件...

鐵人賽 Vue.js DAY 7
Nuxt 3 實戰筆記 系列 第 7

技術 [Day 07] Nuxt 3 使用 Dotenv 與 .env 檔案自動載入環境變數與配置 Runtime Config

前言 我們在使用 Node 開發時,可能會碰到需要使用環境變數來設定不同情境所執行的邏輯,也可能是要避免在設定檔中或專案推送至遠端版控倉庫時暴露敏感資訊。 你可...

鐵人賽 Modern Web DAY 14
Vue.js 什麼意思 系列 第 14

技術 Day 14:動態 Route 對號入座

上篇完成了巢狀路由的設置之後,緊接著新需求又出現了!接續會員後台的收藏紀錄頁面,我們要進一步讓收藏的書單可以被購買: 點擊收藏紀錄中的單筆書目資料時,會進入購...

鐵人賽 Modern Web DAY 9

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day9.計算屬性 computed

甚麼是計算屬性? 甚麼時候用計算屬性? 接下來帶大家來看看,也會搭配一些例子~ 甚麼是計算屬性? computed 是 Vue 提供的 計算屬性,它可以幫我們運...

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

上週把router的部分完成了這週來接續著做吧~ #首頁製作 之前有提到首頁包含 Banner 房型清單簡介 Footer 於是乎我們就開始來處理這些東西...

鐵人賽 Modern Web DAY 29
Daily UI : 開發者版 系列 第 29

技術 Vuetify:Google YoutubeMusic › Static Layout

https://codepen.io/hereiscasio/pen/VwZRmwy?editors=1010 Used UI Component ( #1...

技術 Vue set與watch資料觀測及設定 自學筆記

今天要來分享的是關於資料的觀測及設定。 首先這是我們的html資料,點一下對應的圖標,其圖標數字會加一。 <div cla...

鐵人賽 Modern Web DAY 1

技術 Introduction of Vue, Django, MongoDB, Nginx

Vue 目前前端三大框架包含 facebook 開發的 React ,google 開發的 Angular,以及由 Evan You 開發的 Vue ,Vue...

鐵人賽 Modern Web DAY 15

技術 [VR 前後端交響曲Day15] Vue instance的lifecycle hook: mounted()

昨天在理解Vue的生命週期時提到,Vue在前端處理上有一個透過掛載mounting的hook處理畫面渲染至瀏覽器前的階段。所以我們今天試著在Rails App裡...

鐵人賽 自我挑戰組 DAY 11

技術 Day 11 一轉任務(二):將房間資料show到網頁畫面上(2)

本文同步發表於斜槓女紙部落格:一轉任務(二):將房間資料show到網頁畫面上(2) 昨天終於順利通過v-for和API串接這兩個小壞壞的考驗,接下來就是將...

技術 vue style Guide

紀錄一下自己學習的歷程 有理解錯誤的歡迎提出指教 必要的 組件名稱最好為多個單詞,可以避免跟未來的 HTML tag 衝突。例如 todo 改成 todo-...

鐵人賽 Modern Web DAY 12
玩轉 Storybook 系列 第 12

技術 玩轉 Storybook: Day 12 Composite component - Vue

接下來就來把Task元件組裝成TaskList吧 TaskList 可以把TaskList規劃成四種狀態 Default - 當 Task 都是 defu...

鐵人賽 Modern Web DAY 8

技術 [Vue.js][日記]組件在蓋,基礎手法要有!

超緊繃!30天Vue.js學習日記 組件在蓋,基礎手法要有! 大家好,挖喜Ian啦!今天要來介紹的是在vue中很重要的一環-組件(Component)通常我們...

鐵人賽 Modern Web DAY 23

技術 D22 - 「不斷線的侏儸紀」:很久很久以前的侏儸紀

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

鐵人賽 Modern Web DAY 1

技術 [VR 前後端交響曲Day1] 開賽宣言:越來越火紅的Vue.js和Rails兩大框架

開賽宣言 聽說javascript快統治全世界了!(驚) 漸漸地、後端工程師也開始把javascript框架變成必須熟悉的標準配備! JavaScript +...

鐵人賽 Modern Web DAY 25

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day25. Vue3 Composition API 使用(一)

在 Composition API 當中我們可以將響應式資料和相關業務邏輯結合到一起,是因為 Vue3 的 setup 方法 setup setup 是 V...

鐵人賽 Modern Web DAY 13

技術 D12 - 「數位×IN×OUT」:建立控制組件

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

鐵人賽 Modern Web DAY 7

技術 為什麼 Vue 要使用Proxy -D07

前情提要 Vue 2以DefineProperty 攔截數據達到監聽效果。(可以數據監聽的DefineProperty與Vue2-D05)Vu3 Composi...

技術 [鼠年全馬] W21 - Vue心得筆記 - 指令篇(後)

Hi, there端午連假每日一篇Day2來囉~ 昨天提到的指令都是基礎的喔~閉著眼睛都要知道怎麼寫的那種!!忘記的趕快回去複習-[鼠年全馬] W20 - Vu...

鐵人賽 Modern Web DAY 23

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day23.正式進化-Vue3 起手式

ゴキゲンな蝶になってきらめく風に乗って今すぐキミに会いに行こう余計な事なんて忘れた方がマシさ .... Vue2.x 進化 回憶起當時的數碼寶貝經典...