iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

Vue.js 系列

Learning Vue.js

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

v-bind:is vs keep-alive

首先要介紹的是在component標籤中利用v-bind:is(v-bind縮寫是「:」所以可以直接寫成:is)讓每個component之間可以去做切換,但是當...

2021-10-01 ‧ 由 chu 分享
DAY 22

Render Functions

今天要介紹的是Render Functions 先來看一段官網對render function的介紹 Vue recommends using templat...

2021-10-02 ‧ 由 chu 分享
DAY 23

Vue CLI安裝

前面都使引用CDN的script標籤去使用Vue.js,今天要介紹的是用NPM去安裝vue-cli 使用vue-cli需要安裝Node.js,因為vue-cli...

2021-10-03 ‧ 由 chu 分享
DAY 24

Vue CLI建置 & GitHub上傳

昨天我們安裝好Vue cli今天要來新增一個專案啦~在官網中它介紹了兩種方法,那這裡會用第二種方法實作喔! 第一種是在terminal中下vue create...

2021-10-04 ‧ 由 chu 分享
DAY 25

Vue Router介紹

在昨天建置vue-cli插件時我們有新增vuex和vue-router,所以今天要先來介紹vue-router也就是vue的路由 首先,先來看一段官網的說明吧!...

2021-10-05 ‧ 由 chu 分享
DAY 26

Vue Router實作

在昨天介紹了vue-router,我們知道vue-router就是扮演一個網址提供者的腳色,讓每個畫面都能有自己專屬的網址,那今天就要使用vue-cli來實作v...

2021-10-06 ‧ 由 chu 分享
DAY 27

What is Vuex?

今天要介紹的是Vuex 先來說說我們在什麼時候會比較需要用使用到Vuex呢?如果在做比較大型的專案時component和component之間沒有使用Vuex集...

2021-10-07 ‧ 由 chu 分享
DAY 28

Vuex實作

昨天介紹了Vuex是什麼,也知道了它的流程,今天當然也要來實作一下Vuex啦~這個實作會沿用第26天vue-router的專案來實作Vuex的Actions,...

2021-10-08 ‧ 由 chu 分享
DAY 29

Vue-cli專案介紹

今天要介紹的是最後這個使用Vue-cli製作的專案,前面我們介紹了這個專案的router和vuex部分,所以今天要把剩下沒介紹的部分介紹完 先來介紹stock的...

2021-10-09 ‧ 由 chu 分享
DAY 30

心得

今天是鐵人賽的最後一天啦!回想起剛開賽時,抱持著怎麼樣都不要去碰到vue-cli的心態,但是到了鐵人賽的一半後,忽然又希望給自己一點挑戰,所以才裝了vue-cl...

2021-10-10 ‧ 由 chu 分享