iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

30 天我與 Vue 的那些二三事 系列

透過三十天學習Vue的用法,並實作一個小型專案。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文 團隊Outcome First 2.0
DAY 21

Day 21 - Vue Router基本概念(1)

如同我們前面幾天提到的,Vue的核心是用來處理狀態、版面、以及元件的邏輯。 但是當整個網站逐漸發展成為應用程式的時候,Vue的元件或是切換頁面若要使用原本我們所...

2021-10-06 ‧ 由 GrantLi 分享
DAY 22

Day 22 - Vue Router基本概念(2)

假設我們已經建立了vue cli的project,只要引入對應的vue router package就可以使用了。 import Vue from 'vue'...

2021-10-07 ‧ 由 GrantLi 分享
DAY 23

Day 23 - Vue Router參數路由

昨天我們提到了如何透過Vue-Router切換頁面,今天我們來談談如何傳遞參數到路由上。 new Vue({ router: new VueRouter...

2021-10-08 ‧ 由 GrantLi 分享
DAY 24

Day 24 - Vue-Router巢狀路由

不過,除了在參數傳遞路由之外,還有一種情況是在母路由之外,還有子路由需要被切換,這種狀況我們稱作巢狀路由。 若要設定巢狀路由,可以透過children屬性: {...

2021-10-09 ‧ 由 GrantLi 分享
DAY 25

Day 25 - Vue CLI 與 npm

在進行開發的時候,我們常常會下載各式各樣的library,如果我們沒有一個工具來幫助我們維護這些套件的版號、相依性,一旦套件的數量變多,會變得更難進行維護。 因...

2021-10-10 ‧ 由 GrantLi 分享
DAY 26

Day 26 - Vue 與 HTTP請求 (1)

前一天中我們講解了如何利用Vue CLI快速建立專案,再進入到專案開發之前,還是有一些知識需要惡補的,就是我們在傳遞資料時常用到的HTTP協定。 HTTP,全文...

2021-10-11 ‧ 由 GrantLi 分享
DAY 27

Day 27 - Vue 與 HTTP請求 (2)

前一天我們對HTTP有了基礎的概念,今天就要來談談要怎麼在vue中發送HTTP請求。我們會引用axios這個函式庫。 什麼是axios Axios 是一個基於...

2021-10-12 ‧ 由 GrantLi 分享
DAY 28

Day 28 - Vue 與 HTTP請求 (3)

不過我們在前端與後端進行資料交換時,極有可能會遇到跨域問題。 何謂跨域問題呢?CORS(Cross-Origin Resource Sharing,跨來源資源共...

2021-10-13 ‧ 由 GrantLi 分享
DAY 29

Day 29 - 用Mixins來共用方法

相信經過了前面二十幾天的洗禮,小夥伴們應該都對Vue有了一定的掌握度了吧~今天要來提到的是Vue的Mixins。 甚麼是Mixins? Mixin 是一種讓元件...

2021-10-14 ‧ 由 GrantLi 分享
DAY 30

Day 30 - 終點亦是起點

Umm...一轉眼就30天了~ 在這三十天中,我們快速的複習了Vue的基礎用法如條件渲染、雙向綁定、計算、監聽屬性,也學習了進階用法如Props、元件的引用、M...

2021-10-15 ‧ 由 GrantLi 分享