iT邦幫忙

vue.js相關文章
共有 1413 則文章
鐵人賽 Modern Web DAY 12

技術 Day 12:「我可不可以 CDN 就好?」- Tailwind 安裝及設定

前面的功能介紹和小練習都度過了,我們現在要來學習如何安裝和設定囉!!! 不過說到安裝啊,有些人可能會想: 「兔兔!如果我只是想要做簡單的應用和練習呢? 還要安...

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

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

技術 從頭開始用 Laravel 來做CRUD -10- 架設 - npm - package 套件安裝

目前環境 Laravel:5.7 資料庫:MariaDB 說明 所謂的CRUD是指 新增(Create)、讀取(Read)、更新(Update)、刪除(...

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

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

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

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

鐵人賽 Modern Web DAY 17

技術 [Day17] Vue 3 單元測試 (Unit Testing) - Vue Test Utils + Jest 基本範例 & 核心語法

在開始進入複雜的內容之前,我想先帶大家認識幾個會大量出現在每一個測試程式碼裡的核心語法,這些語法如果不了解的話可能就沒辦法看懂之後的測試程式碼,所以我們趕快開始...

鐵人賽 Modern Web DAY 23

技術 23. Nuxt 細說`<nuxt-child>` 和 `<nuxt>`

這篇打算為 Nuxt 內建元件收尾,介紹最後兩種 &lt;nuxt-child&gt; &lt;nuxt&gt; 回顧上一章,巢狀路由讓 slug...

鐵人賽 Modern Web DAY 8

技術 【D8 - Vue架構】 沒有架構怎麼鬥得過Vue!?

前言 昨天開了一個Vue的專案~ 不知道各位看過一下file 了沒有 這些檔案是啥啊!!?? 先來說說每一個file大概的意思~ node_modules n...

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

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

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

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

技術 vue-tables-2 (2)

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

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

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

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

鐵人賽 自我挑戰組 DAY 18

技術 Day 18 : Vue extend

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

鐵人賽 Modern Web DAY 4

技術 [ Vue.js ] 指令 Directives

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

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

技術 Vue.js Core 30天屠龍記(第13天): 列表渲染

在 vue 中,要在頁面上綁定資料時會使用不同的 Directives 或是模板語法做操作,但這些綁定方式都是針對單純的資料格式,當資料是一個複雜的結構像是陣列...

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

技術 Day04 - Virtual DOM & V-Node

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

技術 文組也能看得懂的網頁前端Vue  (五)元件篇

上一篇介紹了函式的基本用法,這一篇主要介紹Element-ui的一些常用元件配合函式使用,程式碼可能會比較多一點。 一開始先介紹一下Element-UI,官網為...

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Modern Web DAY 20

技術 20. Nuxt `<nuxt-link>` 有什麼特別

根據 文件 所寫 就目前而言 &lt;nuxt-link&gt; 和 &lt;router-link&gt; 一樣 點擊功能太常用,身為工程師還是看個仔細實...

鐵人賽 Modern Web DAY 27

技術 [重構倒數第04天] - 輪播套件難道只可以做圖片輪播嗎

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

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 Modern Web DAY 5

技術 [ Vue.js ] 修飾符 modifier

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

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

技術 iView-Modal

iView - Modal 一套基於 Vue.js 的高質量UI 組件庫,此篇介紹Modal(對話框) Github iview/iview 範例 標準對話...

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

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

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

鐵人賽 Modern Web DAY 7

技術 Day 07:「金魚模仿遊戲~」- 用 Tailwind 來對齊內容

(今天切換故事主線了喔,別再吐倒了哦) 相信很多在前端打滾、需要用到 CSS 的人,一定或多或少都看過 Amos 的金魚也能懂系列鐵人賽文章吧? 還記得有一個...

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

技術 Day09 - [Directives] 屬性綁定(Class and Style Binding)

前一篇介紹的指令可以將資料與vue instance之間做綁定,那假設我們想讓HTML元素中的屬性和vue instance做綁定,Vue有提供一個指令v-bi...

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

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

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

鐵人賽 Modern Web DAY 24

技術 [ D3.js ] 資料圖形繪製與重繪 enter(), exit() & update()

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

鐵人賽 Modern Web DAY 4

技術 Day 04:「當個方塊設計師」- 製作自己的方塊,改變大小並加上背景色彩及邊框

Day 3 的作業有沒有寫呢各位?如果昨天有練習的話,應該覺得不會太難吧! 我們今天會用一樣的方式來介紹 + 練習,今天的也不難哦~是做方塊的各種樣式變化 那...

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

技術 vuex (2)

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