Vue.js2 [Vue.js] v-bind 이용한 엘리먼트 속성 바인딩 import { createApp } from 'vue/dist/vue.esm-bundler'const App = { template: ` `, data() { return { image: { src: 'https://res.cloudinary.com/mayashavin/image/upload/TheCute%20Cat', alt: 'A random cute cat image', class: ['cat', 'image'], }, } },}const app = createApp(App)app.mount('#app') 위와같이 html 엘리먼트 속성이 바인딩됨 2024. 12. 29. [Vue.js] v-model을 이용한 데이터 양방향 바인딩 (feat.v-model.lazy) 1. v-model을 이용한 양방향 바인딩import { createApp} from 'vue/dist/vue.esm-bundler'const NameInput = { template: ` Write your name: `, data() { return { name: '', } },}const App = { components: { NameInput }, template: ``,}const app = createApp(App)app.mount('#app') -> 글자입력시 한글자씩 바로 바인딩됨 1. v-model.lazy을 이용한 양방향 바인딩 (v-model에 .lazy 만 추가)import { createApp } from 'vue/dist/.. 2024. 12. 29. 이전 1 다음
