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

1 Like 1 留言 1955 瀏覽

技術 [學習筆記] Vuex 保存登入的用戶名

這篇是透過網路教學資源自我學習，並將學到的東西做個紀錄主要是在說明各個component中(XXX.vue 獨立分割的component)如何透過Vuex來存...

gior__ann ‧ 2019-10-22

0 Like 0 留言 1268 瀏覽

鐵人賽自我挑戰組

新手初探 Vue 系列第 22 篇

技術鐵人賽Day23 - ES6 之解構賦值

解構賦值的概念，有點像是把一份資料複製到另外一份，在以往我們要把陣列的值取出來，要透過宣告一個變數來放置，如下: let family = ['小明', '杰倫...

Jerry Huang ‧ 2019-10-18

0 Like 0 留言 736 瀏覽

鐵人賽自我挑戰組 DAY 11

新手初探 Vue 系列第 21 篇

技術鐵人賽Day22 - ES6 之展開與其餘

在陣列的操作上，ES6 多了許多方便的方法，首先先介紹展開，展開的部分可以讓我們合併陣列更直覺: let groupA = ['小明', '杰倫', '阿姨']...

Jerry Huang ‧ 2019-10-16

1 Like 0 留言 2178 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術 Day29 Vuex Getter用法介紹

前言今天要介紹的Getter，我們其實可以把它想像成Vue中的computed屬性。OK，那我們就開始吧！ Vuex Getter 介紹使用時機：昨天我們介...

chunwen ‧ 2019-10-15

0 Like 0 留言 742 瀏覽

鐵人賽自我挑戰組 DAY 11

新手初探 Vue 系列第 20 篇

技術鐵人賽Day21 - ES6 之 let 和 const

接下來的篇幅會開始寫關於 ES6 的部分，首先先從變數的宣告下手，在以往我們都是使用 var 來宣告變數先來講 let 的部分，假設今天我們的程式碼如下: co...

Jerry Huang ‧ 2019-10-15

2 Like 1 留言 2221 瀏覽

鐵人賽自我挑戰組 DAY 28

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

技術 Day 28 Vuex state用法介紹

前言昨天我們簡單介紹了何謂 Vuex、 Vuex 運作流程以及 Vuex 可以幫我們解決什麼問題。那我們今天就來了解一下Vuex 核心概念該如何使用吧！開始...

chunwen ‧ 2019-10-14

2 Like 0 留言 3373 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術 Day29 Vue CLI專案實作(三)：VueScrollTo套件應用

本文同步發表於斜槓女紙部落格：Day29 Vue CLI專案實作(三)：VueScrollTo套件應用嗨~今天要來說說實作vue-scrollto 的過...

鍾小呆 ‧ 2019-10-14

1 Like 0 留言 896 瀏覽

鐵人賽自我挑戰組 DAY 11

新手初探 Vue 系列第 19 篇

技術鐵人賽Day20 - slot 插槽

前面幾篇講到了元件，並介紹元件之間由外而內資料傳遞的屬性 props 還有由內而外傳遞的事件 emit元件也不只可以重複的讓我們來做使用，如果今天一個元件我們只...

Jerry Huang ‧ 2019-10-14

1 Like 0 留言 2059 瀏覽

鐵人賽自我挑戰組 DAY 27

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

技術 Day 27 Vuex 簡介

本文同步發表於Andy's Blog 前言先前我們介紹到元件與元件之間的溝通方式之ㄧ：event bus，可以透過向bus發送事件與訂閱事件來將元件從原本...

chunwen ‧ 2019-10-13

1 Like 0 留言 5129 瀏覽

鐵人賽自我挑戰組 DAY 28

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

技術 Day28 Vue CLI專案實作(二)：Axios串接API及房間列表畫面

本文同步發表於斜槓女紙部落格：Day28 Vue CLI專案實作(二)：Axios串接API及房間列表畫面嗨！延續昨天的進度，今天要來實作首頁的房間列表...

鍾小呆 ‧ 2019-10-13

1 Like 0 留言 1955 瀏覽

鐵人賽自我挑戰組 DAY 27

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

技術 Day27 Vue CLI專案實作(一)：新增路由路徑及首頁banner

本文同步發表於斜槓女紙部落格：Day27 Vue CLI專案實作(一)：新增路由路徑及首頁banner 嗨！延續昨天的進度，今天要來試著調整首頁畫面，將原...

鍾小呆 ‧ 2019-10-12

2 Like 0 留言 11672 瀏覽

鐵人賽自我挑戰組 DAY 26

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

技術 Day 26 Vue-router簡介

前言昨天介紹完Vue CLI2、3如何建立後，我們今天來認識一下Vue-router怎麼使用吧！ Vue Router簡介 Vue Router就是由前端模...

chunwen ‧ 2019-10-12

1 Like 0 留言 1465 瀏覽

鐵人賽自我挑戰組 DAY 26

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

技術 Day26 閒不下來的史萊姆(四)：幫專案搬新家吧！

本文同步發表於斜槓女紙部落格：Day26 閒不下來的史萊姆(四)：幫專案搬新家吧！嗨！又見面了。是的沒錯，我又手癢了~今天要來試著把之前的coding...

鍾小呆 ‧ 2019-10-11

1 Like 0 留言 4702 瀏覽

鐵人賽自我挑戰組 DAY 25

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

技術 Day 25 Vue CLI3介紹(含GUI介面介紹)

前言延續昨天的話題，我們今天來介紹Vue ClI3建立的方法與檔案結構說明，並同時介紹一下CL3中很大的特色：GUI圖形化介面。 Vue CLI3特色 1.完...

chunwen ‧ 2019-10-11

1 Like 0 留言 3675 瀏覽

鐵人賽自我挑戰組 DAY 25

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

技術 Day25 萬丈高樓平地起(8)：Vue Router簡介，頁面跳轉不卡卡

本文同步發表於斜槓女紙部落格：Day25 萬丈高樓平地起(8)：Vue Router簡介，頁面跳轉不卡卡今天要來和大家談談Vue Router的基本簡介...

鍾小呆 ‧ 2019-10-10

1 Like 0 留言 2108 瀏覽

鐵人賽自我挑戰組 DAY 24

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

技術 Day24 Vue CLI2與Webpack介紹

前言目前已經將元件內容大致上介紹完了，那我們今天就要先來介紹Vue CLI2吧！開始前我們先來認識何謂Vue CLI吧！什麼是Vue CLI? 基於Webp...

chunwen ‧ 2019-10-10

1 Like 0 留言 1424 瀏覽

鐵人賽自我挑戰組 DAY 24

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

技術 Day24 萬丈高樓平地起(7)：Vue CLI專案檔案結構簡介

本文同步發表於斜槓女紙部落格：Day24 萬丈高樓平地起(7)：Vue CLI專案檔案結構簡介延續昨天的進度，安裝好Vue CLI-3專案以後，應該可以...

鍾小呆 ‧ 2019-10-09

1 Like 0 留言 1906 瀏覽

鐵人賽自我挑戰組 DAY 23

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

技術 Day23 Vue Component(元件)-slot元件插槽

本文同步發表於Andy's Blog 前言在介紹slot之前，我們必須先瞭解一個觀念：編譯作用域我們先來看個範例codepen連結 <div id=...

chunwen ‧ 2019-10-09

1 Like 0 留言 6484 瀏覽

鐵人賽自我挑戰組 DAY 22

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

技術 Day22 Vue Component(元件) is動態切換元件

本文同步發表於Andy's Blog 前言昨天介紹完event bus，那我們今天來了解如何用is動態切換元件 is動態切換元件介紹用途：最常使用在頁籤...

chunwen ‧ 2019-10-08

2 Like 0 留言 5474 瀏覽

鐵人賽自我挑戰組 DAY 23

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

技術 Day23 萬丈高樓平地起(6)：What is Vue CLI？

本文同步發表於斜槓女紙部落格：Day23 萬丈高樓平地起(6)：What is Vue CLI？嗨~又是我!挑戰到這兒也快到尾聲，不過到現在還沒作出個可...

鍾小呆 ‧ 2019-10-08

1 Like 0 留言 2161 瀏覽

鐵人賽自我挑戰組 DAY 21

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

技術 Day21 Component(元件)-event bus

本文同步刊載於Andy's Blog 前言昨天介紹了props.sync方法，今天我們來介紹另外一種元件的溝通方式。event bus(老司機XD)。開...

chunwen ‧ 2019-10-07

0 Like 1 留言 1003 瀏覽

鐵人賽自我挑戰組 DAY 11

新手初探 Vue 系列第 18 篇

技術鐵人賽Day19 - 向外傳遞事件 emit

前面講到 props，它是由外而內傳遞資料的一種屬性不同於 props，emit 是一種事件，而且特性是由內至外有一種情境是，當我們在 Vue 的 method...

Jerry Huang ‧ 2019-10-07

1 Like 0 留言 2579 瀏覽

鐵人賽自我挑戰組 DAY 22

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

技術 Day22 閒不下來的史萊姆(三)：scroll down按鈕實作

本文同步發表於斜槓女紙部落格：Day22 閒不下來的史萊姆(三)：scroll down按鈕實作平順滑動到指定的位置相信大家應該有使用過HTML錨點(...

鍾小呆 ‧ 2019-10-07

1 Like 0 留言 1085 瀏覽

鐵人賽自我挑戰組 DAY 11

新手初探 Vue 系列第 17 篇

技術鐵人賽Day18 - props 的型別

在前面我們已經了解了元件，現在我們要來多加說明 props 這個屬性props 是由外而內傳遞資料所使用的屬性有時候我們傳遞的資料也許是需要數值型態來計算的，這...

Jerry Huang ‧ 2019-10-06

1 Like 1 留言 2479 瀏覽

鐵人賽自我挑戰組 DAY 21

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

技術 Day21 寫於開始實作前(2)：Vue.js的Methods以及監聽事件 (v-on)

本文同步發表於斜槓女紙部落格：Day21 寫於開始實作前(2)：Vue.js的Methods以及監聽事件 (v-on) 實作到目前為止，大部分還在處理靜態...

鍾小呆 ‧ 2019-10-06

2 Like 0 留言 16433 瀏覽

鐵人賽自我挑戰組 DAY 20

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

技術 Day 20 Vue Component(元件)-props.sync 溝通方式

本文同步發表於Andy's Blog 前言昨天介紹完this.$parent、this.$child方法後，突然想到沒有介紹到.sync這個語法糖。OK，...

chunwen ‧ 2019-10-06

1 Like 0 留言 3288 瀏覽

鐵人賽自我挑戰組 DAY 20

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

技術 Day20 寫於開始實作前(1)：不用抱大腿也能直接使用Vue製作過場效果及動畫

本文同步發表於斜槓女紙部落格：Day20 寫於開始實作前(1)：不用抱大腿也能直接使用Vue製作過場效果及動畫切版的孩子們一定多多少少都會需要用到網頁動...

鍾小呆 ‧ 2019-10-05

1 Like 0 留言 8089 瀏覽

鐵人賽自我挑戰組 DAY 19

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

技術 Day19 Vue Component溝通（$parent、$children）

本文同步刊載於Andy's Blog 前言這兩天介紹完Vue第一種元件之間的溝通方式，props in ,emit out，並且針對props使用上也做了...

chunwen ‧ 2019-10-05

0 Like 0 留言 877 瀏覽

鐵人賽自我挑戰組 DAY 11

新手初探 Vue 系列第 16 篇

技術鐵人賽Day17 - Vue.js 基礎元件認識 -2

我們在前面講了很長篇幅的元件，那元件可以分為局部註冊跟全域註冊，前面的方式我們都是採用全域註冊，而所謂的全域就是指，當我在新增一個 Vue 的應用程式時，它也可...

Jerry Huang ‧ 2019-10-05

1 Like 0 留言 3254 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術 Day18 Vue Component(元件)-props使用注意細項(2)

文章同時刊載於Andy's Blog 前言延續昨天話題，今天會來繼續聊聊props使用注意細節。狀況一：讀取遠端資料我們今天如果使用AJAX讀取遠端資...

chunwen ‧ 2019-10-04

技術 [學習筆記] Vuex 保存登入的用戶名

技術 鐵人賽Day23 - ES6 之解構賦值

技術 鐵人賽Day22 - ES6 之展開與其餘

技術 Day29 Vuex Getter用法介紹

技術 鐵人賽Day21 - ES6 之 let 和 const

技術 Day 28 Vuex state用法介紹

技術 Day29 Vue CLI專案實作(三)：VueScrollTo套件應用

技術 鐵人賽Day20 - slot 插槽

技術 Day 27 Vuex 簡介

技術 Day28 Vue CLI專案實作(二)：Axios串接API及房間列表畫面

技術 Day27 Vue CLI專案實作(一)：新增路由路徑及首頁banner

技術 Day 26 Vue-router簡介

技術 Day26 閒不下來的史萊姆(四)：幫專案搬新家吧！

技術 Day 25 Vue CLI3介紹(含GUI介面介紹)

技術 Day25 萬丈高樓平地起(8)：Vue Router簡介，頁面跳轉不卡卡

技術 Day24 Vue CLI2與Webpack介紹

技術 Day24 萬丈高樓平地起(7)：Vue CLI專案檔案結構簡介

技術 Day23 Vue Component(元件)-slot元件插槽

技術 Day22 Vue Component(元件) is動態切換元件

技術 Day23 萬丈高樓平地起(6)：What is Vue CLI？

技術 Day21 Component(元件)-event bus

技術 鐵人賽Day19 - 向外傳遞事件 emit

技術 Day22 閒不下來的史萊姆(三)：scroll down按鈕實作

技術 鐵人賽Day18 - props 的型別

技術 Day21 寫於開始實作前(2)：Vue.js的Methods以及監聽事件 (v-on)

技術 Day 20 Vue Component(元件)-props.sync 溝通方式

技術 Day20 寫於開始實作前(1)：不用抱大腿也能直接使用Vue製作過場效果及動畫

技術 Day19 Vue Component溝通（$parent、$children）

技術 鐵人賽Day17 - Vue.js 基礎元件認識 -2

技術 Day18 Vue Component(元件)-props使用注意細項(2)

標記使用者

技術鐵人賽Day23 - ES6 之解構賦值

技術鐵人賽Day22 - ES6 之展開與其餘

技術鐵人賽Day21 - ES6 之 let 和 const

技術鐵人賽Day20 - slot 插槽

技術鐵人賽Day19 - 向外傳遞事件 emit

技術鐵人賽Day18 - props 的型別

技術鐵人賽Day17 - Vue.js 基礎元件認識 -2