Undefined 인지 그녀석
deep watch 안되면
watch multi prop
vue js watch multiple properties with single handler
For people who are using Vue 3, the watch API can accept multiple sources import { watch, ref } from 'vue'; export default { setup(() => { const a = ref(1), b = ref('hello'); watch([a, b], ([newA, newB], [prevA, prevB]) => { // do whatever you want }); }); }; Original answer for Vue 2 there is no official way to solve your question( see this).
https://stackoverflow.com/questions/42737034/vue-js-watch-multiple-properties-with-single-handler
[Vue.JS] 컴포넌트 (고급:props)
HTML 속성은 대소문자를 구별하지 않습니다. 모든 대문자를 소문자로 인식합니다. Vue에서 HTML을 표현 할 때 보통 kebal-case로 표현하고, JavaScript에서 prop를 받아 사용할 때는 camelCase를 사용합니다. HTML에서는 kebal-case( post-title)를 사용합니다. Vue.component('blog-post', { // camelCase in JavaScript props: ['postTitle'], template: ' {{ postTitle }} ' }) JavaScript에서는 camelCase( postTitle)를 사용합니다.
![[Vue.JS] 컴포넌트 (고급:props)](https://t1.daumcdn.net/tistory_admin/static/top/favicon_0630.ico)
https://beomy.tistory.com/56
![[Vue.JS] 컴포넌트 (고급:props)](https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F997B55395C41F8E027)
Nuxt.js에서 컴포넌트의 props
를 사용할 때, 에서는 를 사용하는 것을 권장한다. 에서는 를 사용하는 것을 권장한다. Nuxt.js 최신 버전(2.10)에서는 props을 아래와 같이 쓰는 것을 권장한다. 기존 방식 를 사용하면 에 위반돼서 경고가 표시된다. Vue.js 가이드에 나와있는 사용할 수 있는 type...
https://jhyeok.com/nuxtjs-component-props/
vuejs/eslint-plugin-vue
Official ESLint plugin for Vue.js. Contribute to vuejs/eslint-plugin-vue development by creating an account on GitHub.
https://github.com/vuejs/eslint-plugin-vue/blob/master/docs/rules/require-default-prop.md
