iT邦幫忙

vue.js相關文章
共有 1664 則文章
鐵人賽 Vue.js DAY 18

技術 DAY 18 - Vue + Vite + Nuxt 建立專案,享受最優質的 DX

DAY 18 - Vue + Vite + Nuxt 建立專案,享受最優質的 DX Vue3 + Vite + Nuxt 這次我主要是選擇使用Vue3 +...

鐵人賽 Modern Web DAY 5

技術 [ Vue.js ] 修飾符 modifier

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

鐵人賽 Modern Web DAY 14

技術 [ Vue.js ] 動態元件 Dynamic component

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

鐵人賽 Modern Web DAY 4
Vue.js 30天隨身包 系列 第 4

技術 Day04 - Virtual DOM & V-Node

認識Virtual DOM DOM(Document Object Model)的中文翻成**「文件物件模型」**,是HTML、XML、SVG文件可以使用的一組...

鐵人賽 Modern Web DAY 23

技術 [Day 23] Vue Quasar 彈跳視窗 3 - Modal

眾所週知的彈跳視窗 Modal Modal 看到這個名字,有玩過Bootstarp的同學應該都不陌生,沒錯就是以前的那個modal啦,在Quasar有這麼多彈跳...

鐵人賽 Modern Web DAY 29

技術 Day 29: Vue 響應式基礎 - watch & computed 不踩坑

前言 在 Day 9 和 10 的文章中,我們提到 Vue 3 響應式基礎 - reactive & ref,主要用來攔截資料的讀取跟寫入,讓 Vue...

技術 Vue 2 & 3 正確使用 TinyMCE (Self Hosted)

前言 由於 CKEditor 的客製化需要仰賴 Webpack,無法在 Vite 的專案上使用因此需要改使用 TinyMCE,發現網路上太多用很不直覺且奇怪的方...

鐵人賽 Modern Web DAY 18

技術 Day 18: v-slot 到底用在哪?從應用學 v-slot 語法

前言 要在父子元件之間傳遞變數或內容的時候,我們可以使用 props,但如果想要傳遞進去的是一段 template 片段,就要使用到 slot。 最簡單明瞭的...

鐵人賽 Modern Web DAY 9

技術 Day 09:「啊~不要碰我!我會變色~」- 變化模式 (Variants)

欸欸欸!別誤會啊!可別讀完標題就跑掉了。 「可是兔兔,你那個標題不妥吧!」 齁,我才是覺得你想的不妥咧~那個是會變顏色的意思啦! 今天,就是要來介紹一些像是滑...

徵才 【台北市】前端工程師(近捷運松江南京站)-APO

**我們需要您具備以下能力: 1、從事前端開發2年及以上,熟悉各種前端技術,包括HTML/CSS/JavaScript/Node.JS等2、具備跨終端的前端開發...

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

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

鐵人賽 Modern Web DAY 21
Vue.js套件介紹及範例 系列 第 21

技術 vue-tables-2 (2)

vue-tables-2 (2) 表格套件,本篇主要介紹如何利用Templates的Scoped Slots和Virtual DOM客製表格顯示的欄位和資料...

鐵人賽 Modern Web DAY 9
Vue.js套件介紹及範例 系列 第 9

技術 vue-markdown

vue-markdown 將Mardown語法轉成HTML的套件。 Github miaolz123/vue-markdown 範例 使用上相當簡單,只需加...

技術 筆記- Vue透過Laravel 簡單上傳圖片/檔案

久久寫一次檔案上傳都要再去爬文?,乾脆自己筆記起來!! 一、Vue 前端 1. 隱藏Input的按鈕 HTML內建的上傳Input很醜,所以我都把它隱藏起來,要...

鐵人賽 Modern Web
勇者鬥Vue龍 系列 第 31

技術 Vue.js Core 30天屠龍記(第31天): 尋訪其他組件

Vue.js 的正規開發方式建議使用屬性及事件對其他組件做處理,但還是會有一些情境中會需要直接使用其他組件的各種功能, Vue.js 也提供了這些尋訪的方式。...

鐵人賽 Modern Web DAY 2

技術 不只懂 Vue 語法:Vue 的 MVVM、漸進式框架、宣告式渲染是指什麼?

問題回答 Vue 的 MVVM 是由 View(畫面)、ViewModel(Vue 實體)、Model(資料)組成。 由 ViewModel 把 View 和...

鐵人賽 Modern Web DAY 15
用範例理解 Vue.js 系列 第 15

技術 用範例理解 Vue.js #15:實例 Component Dropdown

實例 Component Dropdown 許多細節都沒有完成,但時間緊迫,還是寫個大概就好。先附上程式碼,內容代補。 HTML: <div id=&q...

鐵人賽 自我挑戰組 DAY 23

技術 Day23 萬丈高樓平地起(6):What is Vue CLI?

本文同步發表於斜槓女紙部落格:Day23 萬丈高樓平地起(6):What is Vue CLI? 嗨~又是我!挑戰到這兒也快到尾聲,不過到現在還沒作出個可...

鐵人賽 自我挑戰組 DAY 18

技術 Day 18 : Vue extend

Vue extend 當我們有數個元件的內容很相近,只有少部分內容不一樣的時候,我們可以使用 extend 來建立重複的部分,來看下面範例: <div i...

鐵人賽 Modern Web DAY 29

技術 [ D3.js ] 繪製散點圖與折線圖 scatter chart & line chart

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

鐵人賽 Modern Web

技術 [ Vue-cli ] 單一元件檔 (.vue 檔)

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

鐵人賽 Modern Web
Vue.js套件介紹及範例 系列 第 33

技術 vuex (2)

vuex (2) Vue.js官方的狀態管理套件,本篇說明進階的Mutations用法及透過Dispatch Actions來引發Mutations Git...

鐵人賽 Modern Web

技術 「小孩才做選擇,我全都要。」章節總整理 & 一些 Side Project 範例。

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

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

技術 Day4 - Vue 生命週期介紹

前言 上一篇文章中,我們已經為大家簡單介紹Vue Instance,並且透過範例讓大家初步了解該如何使用Vue 。而這篇文章我將為大家介紹Vue元件生命週期。...

鐵人賽 Modern Web DAY 6
勇者鬥Vue龍 系列 第 6

技術 Vue.js Core 30天屠龍記(第6天): 模板語法 Part 2 - Directives

模板語法 Part 2 - Directives 前一章談到了 Mustache 標籤: 可以把實體的資料響應在頁面上的 {{}} ,這次來看看另一個語法 Di...

鐵人賽 Modern Web DAY 21

技術 21. Nuxt 處理首屏 - `<no-ssr>`

偶而還是會碰到某些區塊不想預先渲染,把某一區塊渲染的負荷分到 Browser,跟SPA一樣做CSR 今天主題寫另一個內建元件 - &lt;no-ssr&gt;...

鐵人賽 自我挑戰組 DAY 3

技術 Day3 工欲善其事,必先利其器:編輯器擴充套件設定+引入Vue.js

本文同步發表於斜槓女紙部落格:Day3 編輯器擴充套件設定+引入Vue.js 嗨~今天要來說說我習慣使用的開發環境,由於我的mac已經設定好了,捨不得打掉重...

鐵人賽 Modern Web DAY 10
勇者鬥Vue龍 系列 第 10

技術 Vue.js Core 30天屠龍記(第10天): Class 的綁定

v-bind 可以綁定各種不同的屬性,其中 Class 及 Style 的綁定較為特別,它們可以利用陣列或是物件綁定對應的 Class/Style 字串,現在讓...

徵才 [台中]資深前端工程師

【公司名稱,統編】搞之訊有限公司,82784304 【工作地址】籌備處:台中市西屯區皇福街16號(預計2020年初移至辦公室地址)辦公室:407台中市西屯區惠中...

鐵人賽 Modern Web DAY 16

技術 [重構倒數第15天] - Vue3處理動態效果(一)

前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章,在這邊整理了許多我自己使用Vue重構很多網站的經驗...