到底什麼式Vue directives Vue directives簡單來說就是一種可以掛在HTML上的特殊指令,常見的有以下 v-on v-bind v-i...
Event Handling是甚麼呢? Event Handing是可以用v-on指令監聽DOM事件,並在觸發時執行一些 JavaScript 代碼。 昨天我們...
嗨~今天又見面了,昨天我們了解了Evnet Handing後我們今天要繼續來講條件渲染v-if、v-show與v-for。 v-if v-if可以用來影響元素要...
用v-for把陣列轉成元素 一開始我們先把items的資料容給見出來 接下來呢我們用v-for="item in items"去把items...
昨天我們知道v-for的使用方式後那我們就來想一個問題,如果我們遇到渲染不只一組呢? 假設一個h3和p為一組時寫法如下。 要是今天我們享用一個包裝來包這些元件時...
在Vue裡有個很大的特色可能就是資料的雙向綁定(Two-wayBinding),而資料綁定的話我們最常適用的屬性就是v-model。v-model常用於表單和元...
元件(Component)是Vue裡主要也是最強大的特性之一,它提供了THML DOM元素的擴充性,也可以將不分模板、程式碼封裝起來以便開發者維護以及重複適用。...
Vue元件最大的優點就是可以被重複的使用,如我昨天說的,每個元件內都有自己的data、methods、computed等等,甚是連生命週期的Hooks func...
在元件模板中通常是以「標籤」的形式來做使用,所以在命名上就會有些限制,也是因為必扁與其他標籤名稱產生衝突,在打多數人的認知通常會以兩個以上的單字來命名,如<...
我們現在應該大概了元件到底在幹嘛了,今天的話我們就來聊聊HTML模板怎麼寫在我們的元件裡面,通常我們常看到的可以用<template> 和 <...