延續昨天的範例,我們在 pages/[...slug].vue 使用了元件 <ContentDoc />。今天就來談談 <ContentDoc...
認識元件
在 Vue 幫我們解決的事情這篇文章中,已經用一個簡單的方式介紹元件的概念。
當時只是提到模板結構跟資料抽離,並且讓結構重複使用,帶上不同的資料。
有...
前言
你可能會疑惑,我們還沒接觸元件,為什麼現在在講元件的生命週期
事實上,一個 Vue 實體,就是一個元件,所以我們只要開始使用 Vue 之後,就必須跟元件的...
前言
今天聊聊 Vue 實體中的 methods, 中文叫做「方法」。
如同我們在說「物件的方法」一樣,Vue 世界如果說到「方法」,其實就是在講函式(func...
前言
雖說單一元件檔案的程式因為有 script setup 語法,能讓程式變得乾淨俐落。
不過並不是每個人都會使用 vite (或以前的 vue cli) 來...
Day 9 – Nuxt 3 Components <ClientOnly>
Nuxt 3 提供了一個名為 <ClientOnly> 的...