iT邦幫忙

鐵人檔案

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

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

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

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

2023鐵人賽_Vue2基本使用規則(Day11)-列表渲染KEY的作用

前言 在使用有關v-for指令的時候總會搭配:key指令依照字面上意思,是給對應的列一個辨識方式,如同HTML標籤的id一樣但在Vue上有更上一層樓的用途 不正...

2023-09-11 ‧ 由 yuchen1226 分享
DAY 12

2023鐵人賽_Vue2基本使用規則(Day12)-陣列

前言 本章節針對Vue在更新List數據時的一些小細節做補充在watch中有提及,在做數據監測的時候必須用深度監視才能監測到List內的數據變化對於Vue中,偵...

2023-09-12 ‧ 由 yuchen1226 分享
DAY 13

2023鐵人賽_Vue2基本使用規則(Day13)-SET函數

本章節會介紹Vue所配置的函數Vue.set()其可以達到從外部像Vue.data新增對象 初始數據 <body> <div id=&...

2023-09-13 ‧ 由 yuchen1226 分享
DAY 14

2023鐵人賽_Vue2基本使用規則(Day14)-過濾器

過濾器 本章節會提及Vue中配置的過濾器使用方式其配置項為 filters:配置所需要的函示針對需要的數據作過濾在編譯完成後會將針對的數據做設計完後的調整通常使...

2023-09-14 ‧ 由 yuchen1226 分享
DAY 15

2023鐵人賽_Vue2基本使用規則(Day15)-簡易指令

本章節會介紹一些Vue的簡易指令以協助在開發時像要達到的一些效果會介紹的指令有: v-text: v-html: v-cloak: v-once: v-pre...

2023-09-15 ‧ 由 yuchen1226 分享
DAY 16

2023鐵人賽_Vue2基本使用規則(Day16)-自定義指令

前言 除了一些 vue配置的基本指令外Vue中有一項配置是針對自定義指令的操作 (directives)其可依照需求寫入需要的vue指令 Directives...

2023-09-16 ‧ 由 yuchen1226 分享
DAY 17

2023鐵人賽_Vue2基本使用規則(Day17)-生命週期(上)

前言 從建立Vue實例的開始,Vue的生命週期就開始運轉了從創建數據代理到掛載虛擬DOM都包含在生命週期的循環中在Vue中有幾個方法可以呼叫生命週期特定階段並配...

2023-09-17 ‧ 由 yuchen1226 分享
DAY 18

2023鐵人賽_Vue2基本使用規則(Day18)-生命週期(下)

前言 本章節接續前面所講的生命週期這次會提及掛載,更新,銷毀等流程以及各自所能使用的Hook 掛載 目前在生命週期已完成了虛擬DOM的創建但DOM並未在頁面呈現...

2023-09-18 ‧ 由 yuchen1226 分享
DAY 19

2023鐵人賽_Vue2基本使用規則(Day19)-非單文件組件

前言 本章節會以一個html文件做出組件的效果(非單文件組件)從初步的使用Vue組件以便後續提及CLI的使用何其規則 組件概念 前端框架提及了一個概念就是將頁面...

2023-09-19 ‧ 由 yuchen1226 分享
DAY 20

2023鐵人賽_Vue2基本使用規則(Day20)-組件

Componemts 定義:Component本身是一個構造函數, 在 Vue.extend()時生成的在 Vue.js中可以看到, Vue.extend在調用...

2023-09-20 ‧ 由 yuchen1226 分享