iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
自我挑戰組

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

剛好最近在學習Vue.js,想說藉由活動來督促自己更加釐清學習上的觀念。

鐵人鍊成 | 共 30 篇文章 | 36 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21 Component(元件)-event bus

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

2019-10-07 ‧ 由 chunwen 分享
DAY 22

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

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

2019-10-08 ‧ 由 chunwen 分享
DAY 23

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

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

2019-10-09 ‧ 由 chunwen 分享
DAY 24

Day24 Vue CLI2與Webpack介紹

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

2019-10-10 ‧ 由 chunwen 分享
DAY 25

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

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

2019-10-11 ‧ 由 chunwen 分享
DAY 26

Day 26 Vue-router簡介

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

2019-10-12 ‧ 由 chunwen 分享
DAY 27

Day 27 Vuex 簡介

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

2019-10-13 ‧ 由 chunwen 分享
DAY 28

Day 28 Vuex state用法介紹

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

2019-10-14 ‧ 由 chunwen 分享
DAY 29

Day29 Vuex Getter用法介紹

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

2019-10-15 ‧ 由 chunwen 分享
DAY 30

Day 30 Vuex Mutations介紹 / 鐵人賽心得

前言 昨天介紹到 Vuex Getter 方法使用,那今天就接著介紹 Mutations 用法,那我們就開始摟~對了附註一提,這系列文章沒意外的話,我應該就繼續...

2019-10-16 ‧ 由 chunwen 分享