Vue 3 အခြေခံများ တစ်ဆင့်ချင်း သင်ကြရအောင် — Interactive examples included!
17 Lessons · Basics + Router + Pinia + API + Deploy
Vue app ဖန်တီးနည်း, data(), template syntax နဲ့ two-way binding
v-if/v-else condition, v-show toggle, v-for loop — array & object
Click, input, keyboard events handle, modifiers (.prevent .stop .once)
Cached computed properties, getter/setter, data changes ကို watch လုပ်
Reusable components, parent→child props, child→parent emit, slots
created, mounted, updated, unmounted — ဘယ်တုန်းက ဘာလုပ်ရမလဲ
<component :is>, keep-alive state caching, activated/deactivated hooks
Prop drilling ကို ကျော်ပြီး deep component တွေကို data ဆင်းချနည်း
:class object/array syntax, :style dynamic binding, computed classes
Checkbox, radio, select, textarea, form validation, v-model modifiers
Fade, slide, bounce effects, transition-group for lists, toast notifications
Vite project setup, .vue files, script setup, scoped CSS, folder structure
ref, reactive, computed, watch, lifecycle hooks, composables pattern
Routes, router-link, params, nested routes, guards, lazy loading pages
defineStore, state, getters, actions, auth store, cart store, persistence idea
fetch/axios, loading/error state, reusable useApi(), Laravel API connection
Vitest basics, component testing idea, build optimization, env, deployment
{{ message }} ← data
:href="url" ← v-bind
v-model="val" ← 2-way
v-html="rawHtml" ← HTML
v-if / v-else-if / v-else
v-show="bool"
v-for="item in list"
v-for="(v,k) in obj"
@click="fn"
@keyup.enter="fn"
@click.prevent.stop
@click.once
:class="{ active: ok }"
:class="[a, b]"
:style="{ color: c }"
:style="[obj1, obj2]"
computed: { x() {} }
watch: { val(n,o){} }
watch: { val: {
handler, deep, immediate
props: ['name']
$emit('event', data)
inject: ['key']
provide() { return {} }
created() ← API fetch
mounted() ← DOM/timer
updated() ← after render
unmounted() ← cleanup
<component :is="tab">
<keep-alive>
<transition name="fade">
<transition-group>
v-model.number → Number
v-model.trim → trim
v-model.lazy → on blur
:value + @input → manual