iT邦幫忙

vuejs相關文章
共有 102 則文章
鐵人賽 Modern Web DAY 18

技術 Line Liff App v2 — 用 Vue.js 來做報名頁面

第12 屆iT邦幫忙鐵人賽系列文章 (Day18) 在上一篇我們成功將 chatbot 透過 Liff App 後,跟所開發網站有一些連結後,本篇我們將要來實作...

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

技術 Day017-Vue Router介紹(一)基本介紹

Vue:還記得在Vue CLI建置專案時候,也有遇上Vue Router嗎?無論你是使用history mode或hash mode,設置路由,將可以導入到正確...

鐵人賽 Modern Web DAY 17

技術 Line Liff App v2 - 用 Vue.js 來實作

第12 屆iT邦幫忙鐵人賽系列文章 (Day17) LIFF 全名是 LINE Front-end Framework,一個可以在 LINE app 內運作網頁...

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

技術 Day016-Component組件-傳值(props和$emit)

Vue:我們透過組件,來模塊化我們的功能。我知道你很好奇,到底如何從根模塊,傳值給組件,使組件可以渲染資料於table中,對吧?如果,仔細觀察昨天的程式碼,你會...

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

技術 Day015-Component組件-基本帳務系統實例

Vue:對於昨天全局與局部的基本了解後,今天我們利用一個實例,來解一下組件的好處吧~ 首先,先看一個基本的網頁結構:一般來說,網頁中一定會有共用的部分。以上圖為...

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

技術 v-for 列表渲染

tags: Vuejs v-for ✐ v-for 指令可以使我們方便的渲染 Array 成為列表,在渲染列表相關的 data 時十分方便,並且 v-for 除...

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

技術 Day014-Component組件

Vue:隨著你使用vue的狀況,你更應該要了解元件模組化的概念。vue不但在資料上面有所規劃,他在元件模組化也有所強大,讓你可以輕鬆地管理好你的元件。在進行案例...

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

技術 Day013-Lifecycle-Vue實體生命週期-創建你的夢中情人

想起當初,第一次約她見面,是那麼輕鬆又好約。那一天,我開著我的車,直接到她公司樓下等。透過VS Code傳遞了訊息,而她的回應非常迅速。縱使之前沒見過我,我也...

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

技術 Day012-Lifecycle-Vue實體生命週期-了解你的夢中情人

與Vue相遇後,一開始其實有點懷疑vue的應用。但使用後,對她越來越著迷,這使我更想了解她。 每當我們使用vue時,有些步驟都會相對應的重複,例如創建Vue、建...

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

技術 Vue Class Bindings

tags: Vuejs 樣式渲染 畫面的呈現有時會因應資料的不同,產生不同的視覺樣式,而通常我們會使用 v-bind 指令動態渲染 HTML attribute...

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

技術 Day011-腳手架介紹

透過Vue CLI的建立,在我們打開專案後,主要會看到三個資料夾及一部分非資料夾區塊。我們可以先從最主要的src資料夾來看:src資料夾為專案中最重要的一部分。...

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

技術 Vue computed 與 watch 差異

Fixing ... 若是文中有任何錯誤、錯字、想討論的內容,歡迎各位大大不吝鞭笞指正、交流分享,筆者不慎感激 ✦ ✦ ✦ ▶︎ 筆者 github:http...

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

技術 Day010-Vue CLI

猶如昨日的期待,我很興奮地按照了Vue的指示: 先到node官網下載,下載完成後,立刻安裝2.打開command line並輸入npm install -g...

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

技術 Vue computed 與 method 的差異比較

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

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

技術 Day09-watch監聽資料

除了,computed和filter呢?如果資料改變,是否Vue能快速因應? Vue:哈!當然有的呀!我們來看看這個範例:Vue:我知道你對健身的熱愛!今天如果...

鐵人賽 自我挑戰組 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-mo...

鐵人賽 自我挑戰組 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...