iT邦幫忙

鐵人檔案

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

Vue2 初步認識以及基本使用規則 && 了解 Vue2 的基本原理 系列

初步認識 Vue2 的基本操作 敘述 Vue2 的各項能運用, 深入了解其背後運作的原理, 熟悉開發者工具控管Vue 掌握的資料, 為 Vue3 的學習打下 Vue 前端框架的基礎

鐵人鍊成 | 共 30 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文 團隊大壯們的首次鐵人賽
DAY 21

2023鐵人賽_Vue2基本使用規則(Day21)-Vue文件 & 安裝 Vue CLI

Vue 文件 使用 vue文件開發一個 Vue相關的專案時, 組件會以副檔名 .vue的形式做使用但基於一般瀏覽器在編譯的時候, 只讀得懂 html, js,...

2023-09-21 ‧ 由 yuchen1226 分享
DAY 22

2023鐵人賽_Vue2基本使用規則(Day22)-Vue CLI 結構 & Render

基本結構 src下的目錄主要作為開發的部分 assets → 放置樣式, 圖片等等美工相關 components → 放置組件的目錄 App.vue → 控...

2023-09-22 ‧ 由 yuchen1226 分享
DAY 23

2023鐵人賽_Vue2基本使用規則(Day23)-修改默認配置

前言 一般而言, webpack的配置是不可變動的例如:main.js, index.html, src…這些配置若更改名稱, 會導致啟動 server的時候找...

2023-09-23 ‧ 由 yuchen1226 分享
DAY 24

2023鐵人賽_Vue2基本使用規則(Day24)-REF 屬性

定義 被用來給元素或是子組件註冊引用信息(id的替代者) 應用在 html標籤元素獲取的是真實 DOM元素, 應用在組變標籤則是獲取組件實例對象 → VueC...

2023-09-24 ‧ 由 yuchen1226 分享
DAY 25

2023鐵人賽_Vue2基本使用規則(Day25)-PROP 屬性

用途 當父層組件需要傳遞數據給子組件的時後, 父層可以很簡單的在標籤內設置 key=’value’直接傳遞但對於子組件來說需要一項配置去接收父組件傳遞過來的對象...

2023-09-25 ‧ 由 yuchen1226 分享
DAY 26

2023鐵人賽_Vue2基本使用規則(Day26)- MIXIN && SCOPED 屬性

這兩個屬性的介紹比較簡短, 所以搭配一起講, 但兩者並無關聯 MIXIN 屬性 功能: 可以把多個組件共用的配置提取成一個混入對象這樣既可以減少程式碼冗餘度,...

2023-09-26 ‧ 由 yuchen1226 分享
DAY 27

2023鐵人賽_Vue2基本使用規則(Day27)- 插件

前言 在Vue的應用中, 多個組件的配置中容易會有共用的配置比如說 fileter, 共用函數, mixin, 自定義指令等等這些都會在main.js中建立Vu...

2023-09-27 ‧ 由 yuchen1226 分享
DAY 28

2023鐵人賽_Vue2基本使用規則(Day28)- PROP組件傳遞

前言 使用了Vue的組件概念後了解到組件層級關係, 組件的數據傳遞並非毫無規則本章節會用先前所暸解的配置中達到組件的數據傳遞 父層傳遞子層: 從父層傳遞子曾組件...

2023-09-28 ‧ 由 yuchen1226 分享
DAY 29

2023鐵人賽_Vue2基本使用規則(Day29)- 自定義事件

前言: 上一章節提及到如何使用prop做組件之間的傳遞但缺點在於這個方式對組件來說過於的複雜複雜的組件結構, prop會需要多個函數調用才能達到傳遞的功能 本章...

2023-09-29 ‧ 由 yuchen1226 分享
DAY 30

2023鐵人賽_Vue2基本使用規則(Day30)- 全局事件總線

前言 了解到了如何使用自定義事件處理組件之間的傳遞後全局事件總線可以提升一個檔次利用Vue的原型對象可以將組件溝通這件事變得更容易並且相對的更好維護 概念圖 針...

2023-09-30 ‧ 由 yuchen1226 分享