Pinia 是由 Vue 官方所推出的狀態管理工具,主要目的是當資訊在不同元件中共用時傳來傳去很麻煩,因此可以使用 Pinia 將狀態存到 store 中使用。...
先前在 Day9 Vue指令- 條件渲染 內容中,有提到 v-if 可以依照條件判斷來決定內容是否呈現在畫面上,而今天的內容將介紹另外一種方法來實現動態控制元件...
自定義元件的插槽
元件插槽的基本用法
對支援插槽的元件來說,也可以為插槽新增預設的內容,這樣當元件在使用時,如果沒有設定插槽內容,就會自動著色預設的內容,範例...
Toast 元件是一種短暫的提示訊息,目的是讓使用者知道當前做的事情是成功還是失敗,以下來看看如何建立這個元件
基本範例
Step 1: 建立 Toast 元件...
前面幾天的內容是在探討父元件和子元件間的資料傳遞,不過當根元件要傳遞到最底部的元件時,如果使用 props 一層一層傳遞,可能會影響到中間層元件造成額外的麻煩,...
最後一天了,我們來將最後兩個小區域放上圖片吧在public區域新增一個img資料夾將預計要放上的圖片拖到資料夾中並為圖片命名好的先到<template&g...