# propsData
removed

# 개요

Vue 인스턴스가 생성되는 동안에 전달되는 props로 사용되던 propsData 옵션은 제거되었습니다. Vue 3 어플리케이션에서, 루트 컴포넌트로부터 props를 전달하기 위해서는 createApp 의 두 번째 인자를 사용하기 바랍니다.

# 2.x 문법

2.x에서, 우리는 props 인자를 Vue 인스턴스가 생성되는 동안에 전달할 수 있었습니다:

const Comp = Vue.extend({
  props: ['username'],
  template: '<div>{{ username }}</div>'
})

new Comp({
  propsData: {
    username: 'Evan'
  }
})
1
2
3
4
5
6
7
8
9
10

# 3.x 변경

propsData 옵션은 제거되었습니다. 만약 인스턴스가 생성되는 동안에 루트 컴포넌트로부터 props 전달이 필요하다면, createApp의 두 번째 인사를 사용하기 바랍니다:

const app = createApp(
  {
    props: ['username'],
    template: '<div>{{ username }}</div>'
  },
  { username: 'Evan' }
)
1
2
3
4
5
6
7

Deployed on Netlify.
Last updated: 2022-03-18, 10:35:07 UTC