iT邦幫忙

鐵人檔案

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

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

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

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

2023 鐵人賽_Vue2 基本使用規則 (Day1) - 初步認識 Vue

前言 目前在使用前端的框架中Vue已升級到了版本3了但Vue3目前創立時間差不多3年的時間從Vue2開始學習用途還是很大的在Vue2中的使用會從基礎使用 vue...

2023-09-01 ‧ 由 yuchen1226 分享
DAY 2

2023鐵人賽_Vue2基本使用規則(Day2)-數據綁定

前言 使用Vue.js都開始都是建立一個Vue實例 new Vue({ el : "#root", data : {...

2023-09-02 ‧ 由 yuchen1226 分享
DAY 3

2023鐵人賽_Vue2基本使用規則(Day3)-Vue實例

建立Vue實例 var vm = new Vue({ el : "#root", data : { name :...

2023-09-03 ‧ 由 yuchen1226 分享
DAY 4

2023鐵人賽_Vue2基本使用規則(Day4)-數據代理 & 事件綁定

數據代理 <script> var vm = new Vue({ data : { name...

2023-09-04 ‧ 由 yuchen1226 分享
DAY 5

2023鐵人賽_Vue2基本使用規則(Day5)-Vue框架

Vue官網介紹 從Vue官網所見Vue並非MVVM模型但卻是受它啟發 前端為何仿效MVVM框架? 比如說jQuery就是直接對DOM做操作比較直觀, 操作...

2023-09-05 ‧ 由 yuchen1226 分享
DAY 6

2023鐵人賽_Vue2基本使用規則(Day6)-計算屬性

計算屬性 本章節要提及Vue中的一個配置項computed (計算屬性) 在插值語法中可以達到數據間單的組合效果或是計算但這樣會倒置html頁面的複雜性並且沒有...

2023-09-06 ‧ 由 yuchen1226 分享
DAY 7

2023鐵人賽_Vue2基本使用規則(Day7)-監視屬性

監視屬性 本篇會提及Vue內的一項配置watch配置項其可以有效監測數據的更新、改變 handler 在watch的基礎上及是配置一個handler()函數式h...

2023-09-07 ‧ 由 yuchen1226 分享
DAY 8

2023鐵人賽_Vue2基本使用規則(Day8)-綁定樣式

在網頁中,常常會使用到需要不同設計的class讓畫面有明顯的動態效果在Vue中也可以在data的配置中一組數據收集css的樣式再綁定在class上 CLASS樣...

2023-09-08 ‧ 由 yuchen1226 分享
DAY 9

2023鐵人賽_Vue2基本使用規則(Day9)-條件渲染

前言 本章節會提及Vue在前端中運用指令對標籤做判斷會提及的指令有 v-show: v-if: v-else-if: v-else: v-show 使用方式...

2023-09-09 ‧ 由 yuchen1226 分享
DAY 10

2023鐵人賽_Vue2基本使用規則(Day10)-列表渲染

本章節會提及如何使用Vue指令v-for使用時機在清單的呈現上可以遍歷data中的陣列數據 列表渲染 用於展示列表數據 語法 : v-for : “(val,...

2023-09-10 ‧ 由 yuchen1226 分享