Component 組件/元件 Component是一個可以被重複使用的實體 Component帶有自己的data，computed，metoods...以及Hooks function等。 全域...
v-for 就是 JavaScript 裡的迴圈，基於一組資料來製作相同元素區塊。先簡單講一下 JavaScript 裡 for...in 、 for...of 的使用方法及差別。 for...in主...
在經歷了前幾篇文章的分享後，這篇文章想要整合一下前面所提到的進度，來製作一個整合性的範例，幫助大家停下腳步想想，除了每個項目分別的作用之外，有沒有什麼事可以透過這些項目的結合而產生的網頁功能，在這邊示...
昨天鐵人賽提到了component元件是個堆積木的概念，讓我們可以更容易重複使用。結尾也提到了一個問題：在Vue裡面，不同的元件們該如何傳遞資料？ 在我們設置的Rails專案中，home.html....
Computed Property ✐ 在 computed 中設置的 property 稱為 Computed Property 計算屬性，Computed Property 於 Option 中透...
今天介紹 Vue 3 的 Provide/Inject Provide provide 最常用的 3個用法： import { provide, ref, readonly } from 'vue'...
先前提到Vue.extend()也使用Mixin同樣的策略進行合併，今天就來教大家怎麼擴增元件(有人說繼承) 當我們有幾個元件的內容很相似，只有少部分內容不一樣的時候，我們可以使用 extend 避免...
前言 Event Bus是甚麼?甚麼時候需要它?其實我曾經教過大家父子元件的溝通可以透過props、emit，那如果不是父子關係的元件怎麼溝通?還不是太複雜的專案，其實是可以透過Event Bus 發...
VuePress 1.x 版的架構核心：擴充套件 VuePress 目前的大版本號是 1.x ，而與 0.x 版相比，最重大的改變就是架構上使用 Pluggable ，採用以擴充套件為根基的設計。...
當我們在開發一套系統時，客戶源可能來是四面八方不同的國家，因應多語系的需求下，我們的網站也需要來點不同的語系切換，那要怎麼做呢?快看底下 安裝vue i18n 首先我們需要透過npm下載 $ npm...