Vue Props Configure

Created

Created

2021 Feb 25 13:50

Refs

Refs

Undefined 인지 그녀석

deep watch 안되면



  props: {
    pageData: {
      type: Array,
      required: true
    }
  },

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://beomy.tistory.com/56

[Vue.JS] 컴포넌트 (고급:props)

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

vuejs/eslint-plugin-vue

Recommendations

//////////////