iT邦幫忙

vue相關文章
共有 816 則文章
鐵人賽 Modern Web DAY 2

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day2.在認識vue之前(二)

在認識 Vue 之前,前一篇已經介紹了資料驅動畫面跟雙向綁定的概念了今天再介紹一個 MVVM架構~ 3.MVVM 架構 記得~當初白紙白到連這個都講得哩哩辣辣(...

鐵人賽 Modern Web DAY 19

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

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

鐵人賽 Modern Web DAY 19

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

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

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

這個題目是從六角的F2E精神時光屋裡面的[第六關 - 旅館預約服務]來的裡面有各種大神前輩們做的UI及實作出來的頁面 就算颱風來也要coding 後面幾週就...

鐵人賽 自我挑戰組 DAY 15
每天來點 Vue.js 吧 系列 第 15

技術 Vue components 組件的抽象概念 ✏︎

tags: Vuejs 組件的抽象概念 ✐ 註:下方 component 和 組件 一詞意思相同。 component 在 Vue 中是一個重要的概念,照...

鐵人賽 Modern Web DAY 18

技術 [Day18] - 打包 Element-UI 的 Vue Component to Web Component

day-14 我們說明了 , 如何將 Vue 的 Component 轉換成 Web Component day-17 說明了 , 如何在 React 專案中...

鐵人賽 Modern Web DAY 24

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

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

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

技術 玩轉 Storybook: Day 16 Addons - Viewport/Accessibility

Viewport https://storybook.js.org/docs/vue/essentials/viewport Viewport 也是預設安裝好的...

鐵人賽 Modern Web DAY 29

技術 D28 - 「來互相傷害啊!」:粗乃玩搖桿!

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

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

技術 [Day 03] Nuxt 3 解放 Nuxt 開發者體驗 - Nuxt DevTools 視覺化工具系列

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

鐵人賽 Vue.js DAY 2

技術 我的 Vue.js 筆記(2) - 事前的準備

前言 工欲善其事,必先利其器。 這句不知道已經幾百年的諺語一直到現在還是很受用,我們學習程式的人也適用於這個觀念。 開始學習 Vue 之前,有幾樣工具是電腦中一...

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

技術 玩轉 Storybook: Day 20 Construct a screen - Vue

在前面的單元,我們已經完成了開發單一元件Task,也完成了複合元件 TaskList,也把 TaskList 拆分為容器型(TaskList.vue) 及 表現...

鐵人賽 Modern Web DAY 30

技術 [Vue.js][日記]擁抱全家桶系列-東西太多?蓋個倉庫通通塞進去吧!(2)

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-東西太多?蓋個倉庫通通塞進去吧!(2) 大家好,接續昨天的主題,我們繼續探討Vuex的基本核心:D #ac...

鐵人賽 自我挑戰組 DAY 29
每天來點 Vue.js 吧 系列 第 29

技術 Vue 動態組件

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

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

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

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

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

技術 Vuetify:Search Header

https://codepen.io/hereiscasio/pen/QZrBpP Used UI Component ( #2 ) #1 Text fiel...

鐵人賽 Modern Web DAY 14

技術 D13 - 「類比×電壓×輸入」

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

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 Modern Web DAY 4

技術 [Vue.js][日記]生命週期的變化是如此美妙啊!

超緊繃!30天Vue.js學習日記 生命週期的變化是如此美妙啊! 大家好,我IAN啦!今天要來介紹的是在官方文件中所提到的生命週期,官方文件給了以下圖示並且補...

鐵人賽 Vue.js DAY 24
Vue3歡樂套件箱耶 系列 第 24

技術 開箱24:Vue 3 +Firebase Authentication 信箱註冊登入登出

本次要跟姊姊一起學習Vue 3 + Firebase Authentication 信箱註冊登入登出功能 ▶ 如果您尚未建立專案/安裝 Firebase JS...

鐵人賽 Modern Web DAY 11

技術 [Vue.js][日記]我還要更多!組件的相關補充

超緊繃!30天Vue.js學習日記 我還要更多!組件的相關補充 大家好,今天我們一樣會繼續介紹Vue.js中的組件,首先送上我在書上看到的語法糖作為補充: &...

鐵人賽 自我挑戰組 DAY 7

技術 Day7 切版任務(三):首頁畫面搭配ScrollReveal,網頁畫面動次動(2)

本文同步發表於斜槓女紙部落格:切版任務(三):首頁畫面搭配ScrollReveal,網頁畫面動次動(2) 嗨!又見面了,今天會持續將HTML標籤轉換成Vu...

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

技術 [Day 21] Nuxt 3 管理網站結構化資料標記 (Structured Data Markup) - SEO 搜尋引擎最佳化系列工具簡介

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

鐵人賽 Modern Web DAY 5

技術 Day05 自己的國家自己救-自己的v-model自己定義

v-model這個指令我們常用在資料的綁定上,希望我們所綁定的資料可以做到雙向(事件與屬性)綁定,這部分Vue允許我們客製化它,v-model默認會利用名為va...

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

技術 Day 26:v-if 才做選擇,v-show 全都秀

目前的版面配置是基本的瀑布流效果,而此模式較著重在顯示書本封面圖片,一列只能出現三本書單,RWD 的情況下又會再壓縮顯示空間,相對在瀏覽資訊上的速度會較慢,因此...

鐵人賽 Vue.js DAY 27

技術 我的 Vue.js 筆記(27) - 使用 Vue Router

前言 傳統網頁的網址,以往會是後端根據不同的頁面去配置不同的網址規則。 不過如果要使用 Vue 框架開發網頁,會是「單一頁面網站」 (Sigle Page Ap...

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 Modern Web DAY 13

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

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

鐵人賽 Modern Web DAY 4

技術 [VR 前後端交響曲Day4] Vue的單向資料流: {{鬍子語法}}

昨天經過辛苦的環境安裝(擦汗),可以在Rails專案寫Vue了!先來個簡單的Vue起手式緩緩心情~ 在第2天,我們有提到,Vue.js 官網 這張MVVM架構的...