iT邦幫忙

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

技術 Vue computed 與 method 的差異比較

tags: Vuejs computed 與 method 的混淆 在模板中要對資料計算或是轉換時,computed 與 method 往往能替我們做到同樣的事...

鐵人賽 自我挑戰組 DAY 9
與Vue相遇 系列 第 9

技術 Day09-watch監聽資料(部分內容因網速太慢,晚點補齊,請大家見諒)

除了,computed和filter呢?如果資料改變,是否Vue能快速因應? Vue:哈!當然有的呀!我們來看看這個範例: <div class=&qu...

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

技術 Vue computed property `getter` 與 `setter` 的那些事

Computed Property ✐ 在 computed 中設置的 property 稱為 Computed Property 計算屬性,Computed...

鐵人賽 自我挑戰組 DAY 8
與Vue相遇 系列 第 8

技術 Day08-利用Computed&Filter屬性

又到了與Vue見面的時候,昨日完成了toDoList後,還想知道Vue有什麼特別的~ Vue:相信你已經開始熟悉Vue的操作,聽你上次說,客戶對於數據上,有很長...

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

技術 Vue template 模板語法

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

鐵人賽 自我挑戰組 DAY 7
與Vue相遇 系列 第 7

技術 Day07-toDoLis實做

聽完Vue的介紹後,既然這麼好用,趕緊回到家,利用Vue來練習toDoList: 因為框架的原因,寫起來十分得心應手。在代辦事項及完成事項來說,只需要透過v-...

鐵人賽 自我挑戰組 DAY 6
與Vue相遇 系列 第 6

技術 Day06-Virtual DOM與畫面渲染(二:效能探討)

聽Vue這麼說,實在是感到心動。但我的問題是,客戶資料非常龐大,前端render真的能夠快速處裡這些數據嗎? Vue再次用銳利的眼神看了我一眼,並說道:我們的服...

鐵人賽 Modern Web DAY 18

技術 Day 18 Lightning 文章、草稿列表

文章列表 文章列表的路由已經存在 Resource 裡,只要再加一個草稿列表的路由,而且一定要放在 ShowPost 上面: routes/web.php //...

鐵人賽 自我挑戰組 DAY 5
與Vue相遇 系列 第 5

技術 Day05-Virtual DOM與畫面渲染(一:基本探討)

對於Vue的資料管理上,我想我是了解了。但客戶不只是在數據上做大量的修改,畫面上也會因為數據的改動而造成建置和維護的複雜性,是否有更好的辦法可以有效處裡呢? V...

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

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

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

鐵人賽 自我挑戰組 DAY 4
與Vue相遇 系列 第 4

技術 Day04-v-model雙向綁定

說了v-bind,綁定了數據資料,使的我們在管理資料上面更加容易。但怎麼看都是單方面的,並且除了在標籤屬性上面有做資料管理外,這到底還能夠做什麼呢? Vue:其...

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

技術 Vue 原來是法語? Vue 的超簡短歷史介紹

tags: Vuejs TL;DR ✐ 要了解 Vue 的簡短歷史,筆者推薦可以自這部由 Honeypot 在 2020.02.24 發布的 Vue.js: T...

鐵人賽 自我挑戰組 DAY 3
與Vue相遇 系列 第 3

技術 Day03 v-bind屬性綁定

Vue:既然知道了初步的概念,首先我們來看看v-bind屬性綁定吧: v-vind綁定class,如下: <body> <div...

鐵人賽 Modern Web DAY 5
全端成長之旅 系列 第 5

技術 Day.5 令人期待的 Vuejs 3

我第一個使用的 MVVP 框架是 Angular 還記得第一次使用 ng-model 的時候,真的是令人驚艷!! 後來忘記是什麼契機,看到了 Vuejs,試用過...

鐵人賽 自我挑戰組 DAY 2
與Vue相遇 系列 第 2

技術 Day02 CDN-Vue初始化

疫情影響,既有業務轉型。平常有在寫程式的我,突然被老闆叫去一個專案,開發客戶平台。 起先,還是挺興奮的,直到了解客戶需求後,先是愣住。因為內容表格增刪查找較多,...

鐵人賽 自我挑戰組 DAY 1
與Vue相遇 系列 第 1

技術 Day01-初見Vue(前言)

身處金融業的我,從未想過有天還能在工作上,返回開發工程師的行列。一直以來,對於JS的喜愛依舊不減,假日時,偶爾還會開著電腦,寫寫JS。但對於框架語言,從未接觸。...

技術 Vue API 基本操作 & Postman 基本介紹 自學筆記

首先我們創建一個db.json,並下載json-server,並配合POSTMAN對其做增刪改查的操作。 而在package.json的檔案中,我們在scri...

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

技術 在 Vue 之後的事情,還會有什麼? Day 30

部落格同步刊登 [IT 鐵人賽] 在 Vue 之後的事情,還會有什麼? Day 30 結束了鐵人賽 30 天的過程,其實說真的我也沒有講太多 Vue 的事情...

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

技術 Day 15 Vue Component(元件) 介紹、建立方式、特性

本文同步發表於Andy's Blog 前言 今天終於要進入Vue Component單元勒(撒花),而在接下來幾天我們會來慢慢介紹元件的相關內容,那我們就開...

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

技術 下一個 VueJS 3.0 Day 29

部落格同步刊登 [IT 鐵人賽] 下一個 VueJS 3.0 Day 29 前幾天都沒再持續提到 Vue,今天來聊一下關於 Vue 3.0 與其後續發展狀況...

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

技術 Vanilla JS 與 Vue 的生命週期 Day 28

部落格同步刊登 [IT 鐵人賽] Vanilla JS 與 Vue 的生命週期 Day 28 最後幾天來聊一下關於生命週期的事情,這裡提到的生命週期並不限於...

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

技術 大型資料載入實例與狀況 Deep watch Day 27

部落格同步刊登 [IT 鐵人賽] 大型資料載入實例與狀況 Deep watch Day 27 昨天看了一些關於大量 DOM 的事情,今天來聊一下關於深度監看...

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

技術 大型資料載入實例與狀況 Large of DOMs Day 26

部落格同步刊登 [IT 鐵人賽] 大型資料載入實例與狀況 Large of DOMs Day 26 昨天提到大量資料的事件綁定,今天再來聊一下關於 DOM...

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

技術 大型資料載入實例與狀況 Event Binding Day 25

部落格同步刊登 [IT 鐵人賽] 大型資料載入實例與狀況 Event Binding Day 25 今天跟大家聊一下關於大型資料的一些例子。先說在最前面的,...

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

技術 動態載入 webpack 簡易設定 Day 24

部落格同步刊登 [IT 鐵人賽] 動態載入 webpack 簡易設定 Day 24 今天說好要提到 Webpack 的部分,然後,我最近其實有點疲憊,所以今...

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

技術 動態載入 CSS Style Day 23

部落格同步刊登 [IT 鐵人賽] 動態載入 CSS Style Day 23 其實樣式這件事情,是不是有動態載入好像不是那麼重要。除非你像是 AMP 那樣嚴...

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

技術 動態載入 Vue App Day 22

部落格同步刊登 [IT 鐵人賽] 動態載入 Vue App Day 22 昨天又再次說到動態載入元件,今天則來聊一下 Vue App 是不是也能做這種事情。...

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

技術 動態載入 Components Day 21

部落格同步刊登 [IT 鐵人賽] 動態載入 Components Day 21 我們又回到動態載入系列了,如果覺得我很煩的話可以先行離席沒關係。由於我昨天整...

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

技術 Day7 Vue 指令V-bind介紹

前言 上一篇我們介紹了Vue指令:V-bind、V-on,那今天我們要學習另外一個Vue指令:V-bind 本文同步發表於Andy's Blog V-bind...

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

技術 簡易的後端輸出與 Hybrid 模式 Day 20

部落格同步刊登 [IT 鐵人賽] 簡易的後端輸出與 Hybrid 模式 Day 20 昨天提到了後端與前端的混和( Hybrid )模式,我們今天就會提出比...