iT邦幫忙

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

技術 [Vue.js][日記]指令V集合!

超緊繃!30天Vue.js學習日記 指令V集合! 大家好,我今天要帶來的是:指令(directives)的介紹,在vue中,指令帶有 v- 的前綴特性,其功能...

鐵人賽 Modern Web DAY 15

技術 [ Vue.js ] 狀態保留 keep-alive

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

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

技術 Day13 vue.js - 生命週期

每個 Vue 實例在被創建之前都要經過一系列的初始化過程。例如需要設置數據監聽、編譯模板、掛載實例到 DOM、在數據變化時更新 DOM 等。同時在這個過程中也...

鐵人賽 自我挑戰組 DAY 1

技術 Day1 前言:頭腦一熱就...

本文同步發表於斜槓女紙部落格:Day1 前言:頭腦一熱就… 故事是這樣開始的 嗨!我是鍾小呆。靠著自學自修,繼踏入設計坑之後,又邁入前端坑,目前是一個前端...

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

技術 Component 的溝通方式 :props Day 14

部落格同步刊登 [IT 鐵人賽] Component 的溝通方式 :props Day 14 這裡拿 :props 來回鍋複習一下,也順帶的,我們會提及一些...

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

技術 Day1 前言 主題規劃

前言 看了大家的文章,好像一開始都要撰寫個撰寫動機,(來幫助自己多湊一篇文章XD)所以我也來講講我想參加的原因跟這次的主題規劃吧! 動機 會想把Vue.js當成...

鐵人賽 Modern Web DAY 5

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

超緊繃!30天Vue.js學習日記 生命週期的變化是如此美妙啊!(2) 大家好,我們今天會延續昨天的主題,對生命週期中的鉤子函數做進一步的介紹! 我們先附上一...

鐵人賽 Modern Web DAY 14

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

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

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

技術 Component 的溝通方式 Vuex Day 13

部落格同步刊登 [IT 鐵人賽] Component 的溝通方式 Vuex Day 13 我們會把 Vuex 放的比較前面,是因為既然使用了狀態管理機制,那...

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 Modern Web DAY 13

技術 [ Vue.js ] 元件傳遞 event bus

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

鐵人賽 Modern Web DAY 12

技術 [ Vue.js ] 元件傳遞 event

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

鐵人賽 自我挑戰組 DAY 3
Vue.js 初學筆記 系列 第 3

技術 03. Vue 指令:v-text, v-html, v-bind

指令(directive) 了解樣板跟資料之後,就可以來了解指令的部分。Vue 可以透過在 HTML 中以被稱為指令的特殊屬性來編寫。可以依據我們提供的資料作不...

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

技術 薛丁格的生命週期 Day 12

部落格同步刊登 [IT 鐵人賽] 薛丁格的生命週期 Day 12 是的,這個篇幅會用來聊一下生命週期當中,比較奇怪的事情。薛丁格 我就不解釋了,程式執行其實...

鐵人賽 Modern Web DAY 3

技術 [Vue.js][日記]一切都得從源頭講起...

進入正題 本篇要介紹的是在 Vue 官網中最先提到的概念: Instance。 實例 (instance) 當我們使用 Vue 去建構 Web 應用時,都是先...

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

技術 Day12 vue.js - watch監聽屬性

官方解释 watch 觀察 Vue 實例變化的一個表達式或計算屬性函數。回調函數得到的參數為新值和舊值。表達式只接受監督的鍵路徑。對於更複雜的表達式,用一個函...

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

技術 Day11 vue.js - 條件渲染(v-if、v-else、v-else-if、v-show)

v-if、 v-else、v-else-if指令用於條件性地渲染一塊內容。這塊內容只會在指令的表達式返回 truthy 值的時候被渲染。 v-if and v...

鐵人賽 自我挑戰組 DAY 2
Vue.js 初學筆記 系列 第 2

技術 02. Vue 的聲明式渲染、樣板與資料

Vue 的響應性 Vue 會自行觀察物件內變化,在第一時間產生 HTML 與更新 DOM。比起 jQuery 的命令式渲染,開發者只需要專注在視圖層的表現,而不...

鐵人賽 Modern Web DAY 11

技術 [ Vue.js ] 元件傳遞 props

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

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

技術 Router 與生命週期 Day 11

部落格同步刊登 [IT 鐵人賽] Router 與生命週期 Day 11 我在先前的篇幅當中,有提到生命週期與路由的關係。我們這一個篇章,就將路由與生命週期...

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

技術 Day10 vue.js - v-model 雙向綁定 (2)

v-model 是綁定在表單元件或自訂元件上,為實現雙向綁定用的。ex: input、textarea、select 使用v-for 製作select 上篇學...

鐵人賽 自我挑戰組 DAY 1
Vue.js 初學筆記 系列 第 1

技術 01. Vue 就決定是你了!

為什麼決定是 Vue.js ? 提高可閱讀性 程式邏輯與視圖邏輯完全分開 可深可淺的漸進式框架 初學可僅以代替原生 javascript 或 jQu...

鐵人賽 Modern Web DAY 1

技術 [Vue.js][日記]前言的部分&30天目錄

第一次接觸 Vue 的時候,是去年的 7 、 8 月,雖說是接觸,但可能連官方的 getting started 都還沒做完,也搞不懂 Vue.js 的用途是...

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

技術 Day9 vue.js - 迴圈v-for

使用v-for多次渲染元素或模板塊 陣列 v-for="( 疊代的元素 , 索引 ) in 要抓取的資料" DEMO <ul>...

鐵人賽 Modern Web DAY 10

技術 [ Vue.js ] 元件樣板 template

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

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

技術 Day8 vue.js -v-model 雙向綁定(1)

v-model 是綁定在表單元件或自訂元件上,為實現雙向綁定用的。 ex: <input>、<textarea>、<select...

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

技術 Router 進階應用 Day 10

部落格同步刊登 [IT 鐵人賽] Router 進階應用 Day 10 聊完了基礎的路由功能後,我們接著來看看關於路由的進階應用方式。你放心,前陣子一直提到...

鐵人賽 Modern Web DAY 9

技術 [ Vue.js ] 父子元件 child component

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

徵才 【網飛訊科技】誠摯招募 ASP.NET C# MVC 軟體工程師

我們是網飛訊科技 提供優質工作機會其他軟體開發領域高手,請查看官網最新職缺對各類職務有任何問題歡迎加Line詢問,ID:@uby0617e 【所需技術】 熟悉...

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

技術 Day7 vue.js - computed計算屬性

今天來到了 computed計算屬性了 ! 模板內可以使用表達示,這點非常的方便,但是設計它們的初衷是用於簡單運算的。但是在模板中放入太多的邏輯會讓模板過重且...