iT邦幫忙

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

技術 [ Vue.js ] 元件註冊 Registration

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

鐵人賽 自我挑戰組 DAY 6
vue.js 30天學習軌跡 系列 第 6

技術 Day6 vue.js - 動態切換className 與 style

如題 今天要來學習的是 動態切換className 與 style這是範例 為.box 加上動態 class :class="{ 'classNam...

鐵人賽 Modern Web DAY 10
VueJS 從前端到後端 系列 第 10

技術 Router 基本入門 Day 9

部落格同步刊登 [IT 鐵人賽] Router 基本入門 Day 9 聊完狀態管理之後,我們來聊一下前端的路由。最近各大家前端工具都有支援前端路由的功能。而...

鐵人賽 Modern Web DAY 9
VueJS 從前端到後端 系列 第 9

技術 Vuex 基本入門 Day 8

部落格同步刊登 [IT 鐵人賽] Vuex 基本入門 Day 8 在我們要聊元件溝通之前,我們先來聊一下關於 Vuex 這個套件。他是官方推出的狀態管理的工...

鐵人賽 Modern Web DAY 7

技術 [ Vue.js ] 生命週期 lifecycle

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

鐵人賽 Modern Web DAY 6

技術 [ Vue.js ] 資料選項 Options

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

鐵人賽 Modern Web DAY 8
VueJS 從前端到後端 系列 第 8

技術 new Vue v.s new Vue Day 7

部落格同步刊登 [IT 鐵人賽] new Vue v.s new Vue Day 7 大家一定會覺得這個標題很奇怪,不就都是 new Vue 嗎?是有什麼差...

鐵人賽 Modern Web DAY 7
VueJS 從前端到後端 系列 第 7

技術 Component 魔術方法 Day 6

部落格同步刊登 [IT 鐵人賽] Component 魔術方法 Day 6 這是關於元件方法的最後一篇,實際上來說,Vue.options 並不能算是很魔術...

鐵人賽 Modern Web DAY 3

技術 Vue.js Web Component 基礎以及 Vuex狀態管理 鐵人賽 第六天 Vue render Process

Vue render Process 在Vue在render每個template的時候,首先是先把template轉換成 Virtual DOM再去讓compi...

鐵人賽 自我挑戰組 DAY 5
vue.js 30天學習軌跡 系列 第 5

技術 Day5 vue.js - v-on 修飾符

v-on是用來綁定事件監聽器,用在普通元素上時,只能監聽原生 DOM 事件。用在自定義元素組件上時,也可以監聽子組件觸發的自定義事件。 事件修飾符 這裡有範例...

鐵人賽 自我挑戰組 DAY 4
vue.js 30天學習軌跡 系列 第 4

技術 Day4 vue.js - 初探v-on指令

v-on是用來綁定事件監聽器,用在普通元素上時,只能監聽原生 DOM 事件。用在自定義元素組件上時,也可以監聽子組件觸發的自定義事件。 可以用 v-on 指令...

鐵人賽 Modern Web DAY 6
VueJS 從前端到後端 系列 第 6

技術 Component 魔術方法 Day 5

部落格同步刊登 [IT 鐵人賽] Component 魔術方法 Day 5 上一篇提及了 import 與 require 之後,我們現在把重心移到元件本身...

鐵人賽 Modern Web DAY 5
VueJS 從前端到後端 系列 第 5

技術 Component 魔術方法 Day 4

部落格同步刊登 [IT 鐵人賽] Component 魔術方法 Day 4 我們講完元件的應用之後,本次篇章我們會來說明一下,關於 import 與 req...

鐵人賽 自我挑戰組 DAY 3
vue.js 30天學習軌跡 系列 第 3

技術 Day3 vue.js - v-bind屬性綁定

好的 ~ 今天了解 v-bindv-bind 主要用於html屬性的綁定,例如class、style、src、href...等等的屬性,就可使用v-bind指...

鐵人賽 Modern Web DAY 4
VueJS 從前端到後端 系列 第 4

技術 Component 進階應用 Day 3

部落格同步刊登 [IT 鐵人賽] Component 進階應用 Day 3 上一個篇章提到了基本的元件使用,雖然說是比較基礎的部分,但前前後後也寫了超過四千...

鐵人賽 Modern Web DAY 5

技術 [ Vue.js ] 修飾符 modifier

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

鐵人賽 Modern Web DAY 4

技術 [ Vue.js ] 指令 Directives

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

鐵人賽 Modern Web DAY 3

技術 [ Vue.js ] 環境建置

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

鐵人賽 自我挑戰組 DAY 2
vue.js 30天學習軌跡 系列 第 2

技術 Day2 vue.js - 建立第一個vue吧

每個 Vue 應用都是通過用 Vue 函數創建一個新的 Vue 實例開始的: 雖然沒有完全遵循 MVVM模型,但是 Vue 的設計也受到了它的啟發。因此在文...

鐵人賽 自我挑戰組 DAY 1
vue.js 30天學習軌跡 系列 第 1

技術 Day1 vue.js -起手式

Vue.js 是什麼? 簡單輕量的js框架 與第三方庫或既有項目整合 資料雙向綁定,使資料流更容易被掌握,執行效率較好 聽說對初學者友善、且入門容易 ((深...

鐵人賽 Modern Web DAY 2

技術 [ Vue.js ] Why Vue.js? 我能不要用他嗎?

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

鐵人賽 Modern Web DAY 1

技術 開賽前言-「小孩才做選擇,我全都要。」

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

鐵人賽 Modern Web DAY 3

技術 Vue.js Web Component 基礎以及 Vuex狀態管理 鐵人賽 第三天 Data Binding

Vue.js Data Binding data Vue Instance 可以透過data來儲存外部資料 data 作用有二: 1 儲存元件內部狀態或資料2...

鐵人賽 Modern Web DAY 2
VueJS 從前端到後端 系列 第 2

技術 VueJS 快速入門 Day 1

部落格同步刊登 [IT 鐵人賽] VueJS 快速入門 Day 1 VueJS 算是最近比較熱門的項目之一,官方文件也相對齊全。我們這裡要看的目前還是以 V...

鐵人賽 Modern Web DAY 1
VueJS 從前端到後端 系列 第 1

技術 Vue 從前端到後端 Day 0

部落格同步刊登 [IT 鐵人賽] Vue 從前端到後端 Day 0 上次參加好像是 2014 年,然後我寫到第二篇就超過時間,索性直接放棄(欸)。不過,由於...

鐵人賽 Modern Web DAY 1

技術 Vue.js Web Component 基礎以及 Vuex狀態管理 鐵人賽 第一天 Web Component

1.什麼是Vue.js 官方的定義現在網頁前端開發的時候,都希望做到可以把前端互動效果做到模組化。模組化的目的是希望在需求修改的時候,不需要對前端架構修改太多。...

技術 文組也能看得懂的網頁前端Vue (六)router 路由

一開始先簡單介紹路由,這邊一樣不講原理或是定義。路由兩個字分開來看就是「路」跟「由」,「路」:表路徑、「由」表由來,所以路由可以看成從一個網頁要如何到另外一個網...

技術 Vue Props

大綱 頁面 引入 元件 使用 Props 父傳子 Props 應用 (傳入參數的差異 v-bind使用與否) Props 傳址問題 (data初始化、comp...

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

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

技術 文組也能看得懂的網頁前端Vue (四)函式篇

上一篇介紹了變數的用法,接下來談談函式的用法,函式簡單來說可以想成功能的實現,讓原本不會動的頁面動起來,下面直接來說說函式的寫法,以及一些簡單的操作 Vue的函...