iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

重新認識 Vue.js 系列

自從踏入前端的世界後,使用過了許多的框架以及套件,然而都是只能在框架之上進行搭建,內部在做什麼卻完全不曉得,來嘗試看看究竟這次能夠鑽到什麼東西吧!

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

重新認識 Vue.js Day11: Vue-cli

今天要來聊聊 Vue-cli 這個腳手架,正是因為他的存在可以讓我們小碼農專心的在代碼上面,關於 webpack 以及一些 SPA 封裝全部都在這裡面了,讓我們...

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

重新認識 Vue.js Day12: 單一檔與環境檔

單一檔 在昨天,我們透過 Vue-cli 建立了一份新專案,其中若有仔細去看 main.js 會發現我們將一個 app.vue 檔給引用近來當作我們渲染的樣板入...

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

重新認識 Vue.js Day13: 元件數值傳遞

透過前幾天的介紹,我們可以知道 Vue 的畫面是由一個一個的 component 組成的,並且我們可以在 component 裡面設定屬於自己的行為、畫面以及數...

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

重新認識 Vue.js Day14: 常用套件

接下來先稍微講一下一些在專案上的常用套件,後續多少會使用到,加減聊一下吧 vue-router 說個笑話,應該沒有 Vue 的開發者沒用過這東西吧vue-rou...

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

重新認識 Vue.js Day15: 額外函式

在 Vue 中,除了一般的 javescript 語法外,還有其他一些輔助用的函式,就讓我們來看看吧 $set官方說法:對於已經創建的實例,Vue 不允許動...

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

重新認識 Vue.js Day16: keep alive

在 Vue 當中,當一個元件在被銷毀後,其內部的狀態都會被移除,但是當我們想要製作一些像是列表或是搜尋表格時我們希望能夠保持他的狀態,不要每次都會被清空,這時候...

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

重新認識 Vue.js Day17: 動態組件與具名插槽

在前面的文章中,我們知道最基本可以透過 v-if 來進行元件的渲染與註銷,在 Vue 中,提供了一系列的用法可以讓元件切換更加的優雅,讓我們來嘗試看看吧 com...

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

重新認識 Vue.js Day18: Vue2 到 Vue3

在 Vue2 當中,雖然說是漸進式框架,然而在一開始的 Vue 本體就已經包含了許多東西了,針對這問題 Vue3 有將基本的本體進行更多的簡化,達成是一個最小核...

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

重新認識 Vue.js Day19: Vite

在進入 Vue3 之前,先讓我們先聊一下跟著 Vue3 一起出的建置工具 Vite 吧 相信有用過 Vue-cli 的朋友都知道 Vue-cli 的建置速度可以...

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

重新認識 Vue.js Day20:Proxy 與 Reflect

在 Vue2 中,我們透過 defineProperty 來建立資料的 getter 和 setter,然而我們遇到了幾個問題 檢測不到物件屬性的添加和刪除...

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