iT邦幫忙

vue相關文章
共有 816 則文章
鐵人賽 自我挑戰組 DAY 3
每天來點 Vue.js 吧 系列 第 3

技術 工欲善其事,必先利其器 ⚙︎ Vue 開發環境建置

tags: Vuejs 如何開始使用 Vue ✐ Vue 一共提供三種不同的方式可供我們使用,依照使用情境的不同可以選擇不同的方式。 方法 適合場景...

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

技術 Day04 使用內建的會員系統Breeze

早期Laravel有一個 Laravel/ui 的套件,有內建一個基本的會員註冊登入系統,很多教學者也以此為宣傳,告訴大家 laravel 用來建立會員系統有多...

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

技術 Vuetify:Cinema Application › More discussion

Things We need to discuss How to do Functional Component Composition Thinking...

鐵人賽 Modern Web DAY 26

技術 [Vue2Leaflet系列二] Leaflet Plugins with Vue

本系列文章已出版實體書籍:「你的地圖會說話?WebGIS 與 JavaScript 的情感交織」(博碩文化)WebGIS啟蒙首選✖五家地圖API✖近百個程式範...

鐵人賽 自我挑戰組 DAY 18
前端新手筆記-Vue.js 系列 第 18

技術 Day18 Vue Component(元件)-props使用注意細項(2)

文章同時刊載於Andy's Blog 前言 延續昨天話題,今天會來繼續聊聊props使用注意細節。 狀況一:讀取遠端資料 我們今天如果使用AJAX讀取遠端資...

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

技術 Day 29:神奇語法糖-v-model

整個系列都快要完結篇了,怎麼可能獨漏 Vue 的神奇語法糖—— v-model 呢?我們已經知道 Vue 基於 MVVM 架構模式,最大的特色就是可以將資料與...

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

技術 Day 02:Vue 個專案先

本篇以 Vue CLI 開始這一回合。 Vue CLI 提供快速建置的開發環境,使用者只需透過簡易設定選擇組隊工具,之後再輸入指令便能操作基本的運行功能;如此主...

鐵人賽 Vue.js DAY 26

技術 我的 Vue.js 筆記(26) - 使用 Vite 開發 Vue

Vite 的簡易介紹 之前所有的操作項目,都是直接使用 CDN 引入 Vue 之後進行開發,這種做法在一個小型的應用程式足以感受到 Vue 的方便性。 不過一個...

鐵人賽 自我挑戰組 DAY 22

技術 Day22 閒不下來的史萊姆(三):scroll down按鈕實作

本文同步發表於斜槓女紙部落格:Day22 閒不下來的史萊姆(三):scroll down按鈕實作 平順滑動到指定的位置 相信大家應該有使用過HTML錨點(...

技術 🌟新書上市🌟 Vue.js → Nuxt 入門教學書籍推薦!【鐵人賽系列】想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜尋引擎最佳化

👋 Hello 大家好,我是 Ryan 借用大家的 iT 邦幫忙版面及時間來稍微宣傳一下新書,本文文末有免費贈書!!!歡迎個人、讀書會、學校社團及社群來洽詢索...

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

技術 Vuetify:Preface › ❶ Read me first

這... 是... 標題殺人嗎? 真正的 Daily UI,照慣例須連續 100 天,每天設計一 UI 介面,但那偏向自我學習,而 IT 鐵人賽則偏向教學( 當...

鐵人賽 自我挑戰組 DAY 4
跟 VueJS 認識的30天 系列 第 6

技術 [DAY06]跟 Vue.js 認識的30天 - Vue 的條件渲染

在 JS 中我們是利用 if(condition){statement1}else{statement2} 來設定條件並決定執行哪一段陳述式(statement...

鐵人賽 Modern Web DAY 27

技術 [Vue.js][日記]擁抱全家桶系列-你問我資料哪裡來?(1)

超緊繃!30 天 Vue.js 學習日記 擁抱全家桶系列-你問我資料哪裡來?(1) 大家好,我是 IAN 不是 PETER,在學習如何使用 Vue 開發 SP...

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

技術 Day 07:大人更要懂選擇-BootstrapVue 部分引入

上篇透過簡單的 vue add 指令就完成了 BootstrapVue 安裝和引入,其引入 bootstrap-vue plugin 的方式其實是備妥所有 Bo...

技術 [學習筆記] Vue 專案在ie下卻跑不動了 白屏!!!

[參考文章] https://blog.csdn.net/u014054437/article/details/82983259 因專案問題,遇上了強大ie!...

鐵人賽 Modern Web DAY 16

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day16.父子組件的溝通-props

在上一篇的內容中,已經介紹到了該如何寫一個組件並完成應用了,現在再繼續進入更深一點的運用吧~對於 Vue 的實體來說,我們稱之為 父組件,而在裡面所使用的稱之為...

鐵人賽 Modern Web

技術 [Vue.js][日記]無聊加個菜

超緊繃!30天Vue.js學習日記 無聊加個菜大家好!我是Ian,這幾天真的過的非常愜意阿...終於有時間來看看其他大神們的文章了,其中有看到pj大的從 Hoo...

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

技術 [Day 17] Nuxt 3 頁面載入效果 - 使用 NuxtLoadingIndicator 元件與實作自訂 Loading 元件

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

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

技術 Day 10:v-for 註定綁個 key

承上篇,談到 v-for,就要說說它的最佳良伴——key。 v-for 必須綁定代表唯一值的 key 若未綁定 key 值,Terminal 會直接報錯,表示「...

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

技術 Vue template 模板語法

tags: Vuejs Vue template ✐ 還記得前一章節 option 裡的 template 嗎?Vue 提供開發者透過 template 聲明式...

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

技術 玩轉 Storybook: Day 03 專案結構

前情提要 從開始安裝到完成,檢查專案目錄下變更的檔案結構,會發現Storybook的安裝做了以下的步驟。 安裝需要的相依套件 在Package.json加上建...

鐵人賽 Modern Web DAY 3

技術 Day 03 | 透過指令建立元件

安裝並部署 Livewire 的步驟沒有很多,照著做不用三分鐘就能完成囉!今天一樣是照著官方文件帶大家做一次囉~ 安裝 Livewire 官方文件 首先要先安裝...

鐵人賽 Modern Web DAY 28

技術 [Vue.js][日記]擁抱全家桶系列-你問我資料哪裡來?(2)

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-你問我資料哪裡來?(2) 大家好,經過了20 多天的介紹,我們對vue的基礎都有一定的了解,在昨天的day...

技術 [Vue]ElementUI组件模板之自動完成el-autocomplete

1.原本的input 改為 el-autocomplete並加上 :fetch-suggestions="querySearch" <...

鐵人賽 Modern Web DAY 24

技術 [VR 前後端交響曲Day24] Rails專案開發 - Vuex狀態管理(2) mapState、mapGetters、mapActions、mapMutations

昨天鐵人賽我們kanban專案裡,把column改寫為Vuex狀態管理並透過beforeMount的方式從後端得到資料渲染在網頁上! 看起來好像前進了一大步,但...

鐵人賽 Modern Web DAY 3

技術 [VR 前後端交響曲Day3] 在Rails專案產生Vue app

1. Rails專案起手式 在昨天的鐵人賽中,我們對於Rails的MVC架構和Vue.js的MVVC設計架構做些了解,對未來專案的前端、後端的檔案位置就比較能夠...

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

技術 玩轉 Storybook: Day 17 Unit Test with JEST

用 Storybook 搭配測試方法,從元件開發到完成整個專案,可以增加開發者的信心,不會擔心改A錯B的狀況發生,因為從邏輯面及UI面都能被完整的測試到。 單元...

鐵人賽 Modern Web DAY 11

技術 [Day 11] Vue Quasar 打造 旅遊網站系列 7 - Parallax、Breadcrumbs、Rating

GitHub Demo 今天完成後的畫面 首頁部分已經差不多了 剩下頁尾以及一些小區塊 因為元件都跟之前的文章有重複到 故在這邊就不實作會功能重複的區塊了 製...

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

技術 Day 12:Router 繞去哪-active-class & exact-active-class

上篇我們為 Navbar 設定好路由之後,接下來的需求則是希望能夠讓選取效果更為明顯,優化使用者體驗: hover 項目時,字體顏色顯示為紅色 ⇒ 跟隨游標移...

鐵人賽 自我挑戰組 DAY 3
Vuex 學習筆記 系列 第 11

技術 [Vue.js] Vuex 學習筆記 (11) - 插件

插件(Plugin) Vuex 的 store 接受 plugins 選項,這個選項露出每個 mutation 的鉤子 (hook), Vuex 插件就是一個函...