iT邦幫忙

鐵人檔案

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

Vue 與 Element UI 兩三事 系列

本次主題主要在介紹 Vue 和 Element UI 為主,中間可能會穿插些對於網路整體有幫助的內容,若能幫助到各位那可是太棒了。

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

Vue 與 Element UI 兩三事#11 vue-cli專案說明

正文:今天我們要來說明一下 vue-cli 的專案結構和預設內容 我們的程式進入點在 src/main.js import Vue form 'vue' //引...

2020-09-11 ‧ 由 呆呆小將 分享
DAY 12

Vue 與 Element UI 兩三事#12 Vue Router

前言:在 node.js 還沒出現的年代,路由設定完全是由後端去給予瀏覽器頁面,同時也就是透過後端去渲染網頁畫面,好處顯而易見,對 SEO 非常友善,當有安全性...

2020-09-12 ‧ 由 呆呆小將 分享
DAY 13

Vue 與 Element UI 兩三事#13 第二周回顧

正文:這一週我們介紹了 vue component、vue cli 和 vue router,今天我們在一次的回顧這些東西吧 Vue Component:當我們...

2020-09-13 ‧ 由 呆呆小將 分享
DAY 14

Vue 與 Element UI 兩三事#14 Vuex 狀態管理器

前言:當我們的專案內容越來越大,組件越切越多時,我們有很高的機率會需要在多個組件內使用同一個資料狀態,無論是多個頁面依賴同一個狀態或是多個頁面會需要讀取/更改同...

2020-09-14 ‧ 由 呆呆小將 分享
DAY 15

Vue 與 Element UI 兩三事#15 初探 element-ui

補充:這邊補充介紹一下 vue 的 is 特性在 html DOM 中會有些節點的規則,譬如說 ul,ol只能直接包含li標籤,若我們需要在裡面使用組件將會報錯...

2020-09-15 ‧ 由 呆呆小將 分享
DAY 16

Vue 與 Element UI 兩三事#16 element-ui 布局容器與色彩

正文:今天直接進重點吧,element ui 有提供我們幾種布局中常見的區域製作而成的組件 <el-container> //外層容器,當子元素包含...

2020-09-16 ‧ 由 呆呆小將 分享
DAY 17

Vue 與 Element UI 兩三事#17 element-ui 圖標與按鈕

正文:今天要來介紹 element-ui 的 icon 和 buttonelement-ui 很貼心的內建了 icon 供我們使用,使用方法有兩種,若單獨使用僅...

2020-09-17 ‧ 由 呆呆小將 分享
DAY 18

Vue 與 Element UI 兩三事#18 Vue的生命週期

前言:今天往回看了一下這次的內容,忽然發現還沒提到生命週期,那就今天把他補上吧正文:先來提一下生命週期是什麼吧生命週期顧名思義,為一個生命從開始到結束的過程,在...

2020-09-18 ‧ 由 呆呆小將 分享
DAY 19

Vue 與 Element UI 兩三事#19 element-ui input(1)

前言:element-ui 的輸入框擁有非常多種種類與功能,接下會從輸入框講到表單和表單驗證,就讓我們開始吧正文:先基本的 el-input 標籤談起吧 &lt...

2020-09-19 ‧ 由 呆呆小將 分享
DAY 20

Vue 與 Element UI 兩三事#20 第三週回顧

前言:鐵人賽已經過去 2/3 了,各位繼續努力吧正文:在這週第一天,首先先介紹了 Vuex 來說明在多元件共用一個狀態時該如何去進行管理,並且提到了 vuex...

2020-09-20 ‧ 由 呆呆小將 分享