一個新手都看得懂的 Vue.JS 新手前端,專門給沒接觸過前端網頁開發,且不知道如何下手 Vue.JS 的人。本教學文章透過淺顯易懂的方式,且不會塞過多的資訊給新手,讓大家都有辦法快速吸收。
前言 這幾年前端變得很火,好像大家都開始往前端發展,前端工程的行業變得越來多人參與,雖然我知道很多人已經寫過類似文章拉XD,這也是我第一次寫教學文章,如果有誤歡...
在開始學習 Vue 之前,我想先介紹一下 Vue.JS 是什麼,以及這個框架的開發背景。我們先知道這個框架的大致方向及特色,我們就會對 Vue 這個框架有更深層...
我們學習 Vue 的時候,應該常常都會聽到 TypeScript,這個章節它是非必要,但我覺得也是挺重要的一環,那就讓我娓娓道來吧! 為了更快速理解,也減少字數...
前兩篇我們介紹了什麼是 Vue.js,以及介紹了我們接下來要寫的語言 Typescript,那接下來要進到我們的「環境建置及設置」了。接下來我們這一篇,會著重在...
前一篇文章,我們已經把 Vue 給安裝起來了,接下來我們就要開始介紹 Vue 的檔案結構以及程式碼結構。那我們廢話就不多說了,開始吧! 檔案結構介紹 我們在寫...
上一篇我們聊到了 Vue 的檔案結構,我們用現實生活中的東西來比喻這些檔案。今天我們就來講講作為「積木」的 Component。 如果你對 HTML5 語意化標...
上一篇我們聊到了 Component,也做了一個小小的卡片。今天我們就要來講一個常常會讓新手有點混亂的東西,那就是 Composition API 跟 Opti...
上一篇我們聊到了 Components 的使用方式。那讀者可能會想:網路上有些文章教 Vue2,有些文章教 Vue3,那這兩個到底差在哪?今天我們就來聊聊 Vu...
上一篇我們聊了 Vue2 與 Vue3 的差別,這篇我們就來聊聊「Vue 的基本語法」吧!我們現在就真的要來進入語法的部分了。 插值語法(Interpolati...
上一篇我們聊了 Vue 的基本語法,應該已經慢慢上手了吧?那這一篇我們就要來講一個前端框架裡面非常重要的觀念 單向綁定。這個名詞可能聽起來有點抽象,但其實概念超...