Play

Learn Vue with Me EP.3 - เรื่องของ Attribute Binding, Event Listener และ Form Bindings

VueJS ฟรี
#VueJS #vue.js #Vue

Attributes Binding

<div v-bind:id="dynamicId"></div>


<div :id="dynamicId"></div>

Event Listeners

<button v-on:click="increment">{{ count }}</button>

แบบสั้น (short hand)

<button @click="increment">{{ count }}</button>

function ใน <script setup>

<script setup>
import { ref } from 'vue'


const count = ref(0)


function increment() {
  // update component state
  count.value++
}
</script>

Form Bindings

<input :value="text" @input="onInput">

แบบสั้น (short hand)

<input v-model="text">