iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

從入門到入土一條龍Vue.js 系列

基礎知識: 視為入門者設計,涵蓋Vue的核心概念、語法和特性。
進階技巧: 深入探討如Vue Router、Vuex以及其他高階功能。
實戰應用: 通過實際案例,學習如何在實際項目中運用Vue.js。
與其他技術的結合: 看看Vue如何與TypeScript、CSS框架或後端技術融合。
最佳實踐: 除了技術本身,我們還會分享Vue的開發技巧和最佳實踐。

參賽天數 12 天 | 共 12 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文
DAY 1

從入門到入土一條龍Vue.js Day01-安裝

相信很多前端工程師在經歷網絡3件套(HTML,CSS,JS)的洗禮,很煩惱下一步要選擇的框架。 目前主流的3大前端框架分別是React,Vue和Angular本...

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

從入門到入土一條龍Vue.js Day02-核心觀念介紹

重要說明-這是我個人了解之後白話文的解說 我們都知道Vue方便,那請問Vue方便在什麼地方?接下來假設我們要建立一個按鈕,按鈕按下去之後按鈕數字會增加。同樣的東...

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

從入門到入土一條龍Vue.js Day03-基礎系列之數據綁定

Vue.js基礎之數據綁定 數據綁定是Vue的核心功能之一,允許我們建立視圖(模板)與數據之間的關聯。當數據發生變化時,視圖會自動更新,反之亦然。 開新專案(步...

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

從入門到入土一條龍Vue.js Day04-基礎系列之Vue組件系統

什麼是組件? 在 Vue 中,組件可以被看作是一個可重用的 Vue 實例,帶有名稱。它們和常規的 Vue 實例很相似,只是它們用於定義可重用的代碼塊。組件是構建...

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

從入門到入土一條龍Vue.js Day05-指令進階用法(一)

Vue指令進階 在第三天我們說明了數據綁定的方法,分別是{{}}動態數據,v-bind屬性綁定和v-model表單數據綁定。除了前面的之外還有很多其他的指令,今...

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

從入門到入土一條龍Vue.js Day06-指令進階用法(二)

v-for Vue 中的 v-for 指令允許我們基於數據渲染一個列表。上面的例子中,items 是一個包含三個物件的數組。v-for 會遍歷每個物件,並對每個...

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

從入門到入土一條龍Vue.js Day07- To Do List(構思)

待辦清單 待辦清單是每位工程師入門程式語言時都會碰到的經典專案。透過這個簡單卻具代表性的應用,可以很直觀地評估和鞏固一個人對於某種語言或框架的掌握程度。不僅如此...

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

從入門到入土一條龍Vue.js Day08- To Do List(實做)

template 輸入和添加 v-model綁定input的數據,裡面的字顯示新增待辦,也加上enter和按鈕觸發事件 待辦列表 v-for渲染我們的filte...

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

從入門到入土一條龍Vue.js Day09- Vue Router 的使用

Vue Router Vue Router 是官方的路由管理器,允許我們建立單頁應用(SPA)。隨著 Vue 應用不斷增長,我們需要的不只是基礎功能,還有如何管...

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

從入門到入土一條龍Vue.js Day10- Vue Router 的使用(二)

昨天說明了VueRouter基本的使用,今天要進階說明VueRouter的兩個功能,分別是路由守衛和路由懶加載。 路由守衛(Route Guards) 路由守衛...

2023-09-10 ‧ 由 lohchanhin 分享