iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 0 留言 6224 瀏覽

鐵人賽自我挑戰組 DAY 3

前端史萊姆與Vue的三十天時光冒險系列第 3 篇

技術 Day3 工欲善其事，必先利其器：編輯器擴充套件設定+引入Vue.js

本文同步發表於斜槓女紙部落格：Day3 編輯器擴充套件設定+引入Vue.js 嗨～今天要來說說我習慣使用的開發環境，由於我的mac已經設定好了，捨不得打掉重...

鍾小呆 ‧ 2019-09-18

0 Like 0 留言 992 瀏覽

鐵人賽自我挑戰組 DAY 11

新手初探 Vue 系列第 14 篇

技術鐵人賽Day14 - Computed & Watch

接下來要來介紹 Vue 裡面的 computed(計算)& watch(監聽)computed 的運用上，是我們要返回某個值且顯示到頁面上，會用到的舉個...

Jerry Huang ‧ 2019-10-03

0 Like 1 留言 1495 瀏覽

鐵人賽自我挑戰組 DAY 2

新手初探 Vue 系列第 2 篇

技術鐵人賽Day02 - 在 Vue 建立應用程式

Vue 的引入跟 jQuery 一樣，這裡就不多贅述，版本一樣有壓縮版本跟開發人員版本。當引入好 Vue 之後，我們就可以先來建立第一個應用程式。首先我們先在...

Jerry Huang ‧ 2019-09-18

1 Like 0 留言 5982 瀏覽

鐵人賽自我挑戰組 DAY 3

前端新手筆記-Vue.js 系列第 3 篇

技術 Day3 Vue Instance(實體)介紹

上一篇文章我們簡單介紹了Vue的幾個重要特性（漸進式框架、MVVM、元件、載入方式）。若不清楚的話，可以點擊上篇觀看Day2 - Vue 基本介紹（漸進式框架、...

chunwen ‧ 2019-09-19

1 Like 1 留言 2518 瀏覽

鐵人賽自我挑戰組 DAY 2

前端史萊姆與Vue的三十天時光冒險系列第 2 篇

技術 Day2 了解你的敵人：Vue.js是什麼？

本文同步發表於斜槓女紙部落格：Day2 了解你的敵人：Vue.js是什麼？首先，我大膽假設證，在看文章的你知道JavaScript是什麼東東。什麼？你...

鍾小呆 ‧ 2019-09-17

1 Like 2 留言 2215 瀏覽

鐵人賽自我挑戰組 DAY 1

前端史萊姆與Vue的三十天時光冒險系列第 1 篇

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

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

鍾小呆 ‧ 2019-09-16

2 Like 0 留言 1437 瀏覽

鐵人賽自我挑戰組 DAY 1

新手初探 Vue 系列第 1 篇

技術鐵人賽Day01 - 新手初探 Vue 序

這是我第一次參加鐵人賽，先說目標吧，我想藉由這樣的比賽來提升自己研究技術的能力。過去幾個月的我，把這樣一個重要的能力流失掉了。我還記得我剛開始接觸 web 的...

Jerry Huang ‧ 2019-09-17

0 Like 0 留言 1933 瀏覽

技術 Vue cli 使用

vue create 專案名稱新增專案 Props(父 => 子)父畫面 <ProductCard :product=&quo...

wheat0710 ‧ 2020-08-19

0 Like 0 留言 5183 瀏覽

技術 Element UI-[Select] 全選

遇到問題在使用 Element UI 的 Select 想要在多選的時候有全選的功能解決方法這裡我在我自己的 communitys 加入一個全選...

LucyLiou ‧ 2019-04-12

0 Like 0 留言 4534 瀏覽

技術 Vue.js [watch]：物件屬性如何用 watch

遇到問題在使用 Vue 的 watch 的時候，一般都是用這樣的 watch:{ text:{ handler(newValue){...

LucyLiou ‧ 2019-03-28

0 Like 0 留言 10291 瀏覽

技術 Element UI-[Select] :Value

遇到問題在使用 Select 的時候遇到了一個問題是如果我的 Value 想要讓它是 Object 該怎麼做呢？下面的程式碼看起來是可以運作也把 :valu...

LucyLiou ‧ 2019-03-15

1 Like 0 留言 9070 瀏覽

技術 Element UI-[Select] 預設值設定

遇到問題在做生日的年月日時，因為我們接觸的客群年齡層大概是民國 40~60 年的人，所以希望可以把“年”這個的預設值調整成西元 1971 年、民國 60 年...

LucyLiou ‧ 2019-03-15

0 Like 1 留言 9793 瀏覽

技術 Element UI-[Table] 篩選資料

遇到問題想要透過 Input 來篩選 Table 裡面的資料解決方法 Element UI 很方便直接使用 Vue 的 Scoped slot...

LucyLiou ‧ 2019-03-14

0 Like 0 留言 8305 瀏覽

技術 Element UI-[Table] 欄位文字太長解決方式

遇到問題上班時會遇到一些小問題，也透過這樣一點一滴的把自己學的分享給大家，如果有誤歡迎大家指正 Table 欄位裡面文字過長問題解決方法一一...

LucyLiou ‧ 2019-03-14

1 Like 0 留言 1982 瀏覽

技術 Vue 使用 errorHandler, warnHandler 即時攔截網頁錯誤

在前端其中一個頭痛的問題就是網頁 Bug，我會想知道使用者在前端操作上遇到了什麼問題，因此在 Vue 中，你可以透過 errorHandler 攔截網頁錯誤，你...

火爆浪子 ‧ 2021-08-02

0 Like 1 留言 1954 瀏覽

鐵人賽自我挑戰組 DAY 30

Vue 學習筆記 - 讓你30天掌握 Vue 系列第 31 篇

技術 Day 30 : Vuex 計數器範例 - 2

Vuex 計數器範例 - 2 今天來把昨天的計數器的範例整理成正確的資料結構，如果你還沒完成昨天的範例的話，建議先完成一下，今天的內容才會比較看得懂唷！物件展...

Magisheng ‧ 2018-10-30

0 Like 0 留言 3535 瀏覽

鐵人賽自我挑戰組 DAY 29

Vue 學習筆記 - 讓你30天掌握 Vue 系列第 30 篇

技術 Day 29 : Vuex 計數器範例

Vuex 計數器範例相信昨天介紹完了 Vuex 後還是會有很多人不知道該如何使用，今天就用實際範例來介紹 Vuex 究竟該如何使用，直接看下面的範例吧！安裝...

Magisheng ‧ 2018-10-29

0 Like 0 留言 2094 瀏覽

鐵人賽自我挑戰組 DAY 28

Vue 學習筆記 - 讓你30天掌握 Vue 系列第 29 篇

技術 Day 28 : Vuex

Vuex 接下來要來介紹的是 Vuex，在這我先附上官方文件。什麼是 Vuex？ Vuex 可以用來管理前端網站的資料狀態，以集中式的方式管理儲存所有元件的狀...

Magisheng ‧ 2018-10-28

0 Like 0 留言 5196 瀏覽

鐵人賽自我挑戰組 DAY 27

Vue 學習筆記 - 讓你30天掌握 Vue 系列第 28 篇

技術 Day 27 : Event Bus

Event Bus 為了接下來幾天的 Vuex，今天先來講一下什麼是 event bus，之前有說過在元件之間的溝通，父元件往內傳資料是用 props，而子元件...

Magisheng ‧ 2018-10-27

0 Like 0 留言 3453 瀏覽

鐵人賽自我挑戰組 DAY 26

Vue 學習筆記 - 讓你30天掌握 Vue 系列第 27 篇

技術 Day 26 : Vue - Axios

Vue-Axios 今天來介紹的是，該如何去介接 API，也就是使用 AJAX 取得資料，以前官方推薦的是 Vue-resource，現在則是有 Axios 取...

Magisheng ‧ 2018-10-26

1 Like 0 留言 2868 瀏覽

鐵人賽自我挑戰組 DAY 25

Vue 學習筆記 - 讓你30天掌握 Vue 系列第 26 篇

技術 Day 25 : 切換路由方法

切換路由方法之前有提到切換路由的方法是使用 router-link 來切換，今天我們來介紹另一種不同的方式，這裡附上官方文件 API 參考，搭配官方文件的介紹...

Magisheng ‧ 2018-10-25

0 Like 0 留言 1881 瀏覽

鐵人賽自我挑戰組 DAY 24

Vue 學習筆記 - 讓你30天掌握 Vue 系列第 25 篇

技術 Day 24 : 同一路徑載入多個頁面元件

同一路徑載入多個頁面元件現在我們已經能夠靠點擊連結來切換我們想要訪問的路徑，並且利用切換頁面元件的方式達到切換頁面的效果，是不是越來越有單頁式應用程式的感覺了...

Magisheng ‧ 2018-10-24

0 Like 0 留言 2453 瀏覽

鐵人賽自我挑戰組 DAY 23

Vue 學習筆記 - 讓你30天掌握 Vue 系列第 24 篇

技術 Day 23 : 製作巢狀路由

製作巢狀路由昨天介紹如何新增路由及路由連結，今天再來更深入一點點，就是製作巢狀路由，在切換元件的時候，如果只想切換部份內容，就可以使用巢狀路由的方式，馬上來看...

Magisheng ‧ 2018-10-23

1 Like 1 留言 2363 瀏覽

鐵人賽自我挑戰組 DAY 22

Vue 學習筆記 - 讓你30天掌握 Vue 系列第 23 篇

技術 Day 22 : 新增路由路徑

新增路由路徑今天要來介紹如何新增路由路徑，並且如何切換頁面，馬上就來看範例吧！ src/components/Page.vue //檔案位置 <tem...

Magisheng ‧ 2018-10-22

0 Like 0 留言 4826 瀏覽

鐵人賽自我挑戰組 DAY 21

Vue 學習筆記 - 讓你30天掌握 Vue 系列第 22 篇

技術 Day 21 : Vue Router

Vue Router 透過 Vue Router 我們可以製作出多視圖的單頁應用程式也就是 SPA，現在先讓我們看看該怎麼使用吧！如何使用這邊先用 vue-...

Magisheng ‧ 2018-10-21

0 Like 0 留言 2463 瀏覽

鐵人賽自我挑戰組 DAY 20

Vue 學習筆記 - 讓你30天掌握 Vue 系列第 21 篇

技術補充： Vue-cli 2

Vue-cli 2 其實我還是比較習慣使用 vue-cli 2，所以這裡多補充一下如何使用 vue-cli 2。在官方文件中有提到，因為 vue-cli 3 和...

Magisheng ‧ 2018-10-20

0 Like 0 留言 9196 瀏覽

鐵人賽自我挑戰組 DAY 20

Vue 學習筆記 - 讓你30天掌握 Vue 系列第 20 篇

技術 Day 20 : Vue-cli 建立開發環境與新增專案

Vue-cli 3 建立開發環境與新增專案基礎介紹基本上就到一個段落，接下來最後的這幾天會介紹一些 Vue 的生態。首先介紹該如何建立 Vue 的開發環境與新...

Magisheng ‧ 2018-10-20

0 Like 0 留言 1729 瀏覽

鐵人賽自我挑戰組 DAY 19

Vue 學習筆記 - 讓你30天掌握 Vue 系列第 19 篇

技術 Day 19 : Transition 漸變

Transition 漸變 Vue 有封裝好的 transition 元件可以使用，可以讓我們在撰寫漸變特效時更方便，而且我們可以自定義漸變的樣式類別，設計出屬...

Magisheng ‧ 2018-10-19

0 Like 0 留言 6496 瀏覽

鐵人賽自我挑戰組 DAY 18

Vue 學習筆記 - 讓你30天掌握 Vue 系列第 18 篇

技術 Day 18 : Vue extend

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

Magisheng ‧ 2018-10-18

0 Like 0 留言 1415 瀏覽

鐵人賽自我挑戰組 DAY 17

Vue 學習筆記 - 讓你30天掌握 Vue 系列第 17 篇

技術 Day 17 : 動態切換元件

動態切換元件今天來點輕鬆的，其實是我最近比較累所以沒辦法打太多東西，所以來介紹一個簡單的元件動態切換的方式，之前有使用動態的方式來切換 className 還...

Magisheng ‧ 2018-10-17