vue study - primitive type vs reference type

primitive type : strings, boolean, numbers

- props될 때 참조하는게 아니라 전달받는 컴포넌트에서 새로 생성함

- 수정될 때 원본데이터에는 영향을 끼치지 않고 전달받은 컴포넌트에서만 수정됨 ( 원본데이터랑 props된 데이터가 달라지게 됨 )

 

reference type : object, array

- 원래 데이터에 대한 참조

- 수정해야 할 경우 원본 데이터를 간접적으로 수정가능

같은 component를 2개 생성하고(원래 데이터가 둘 다에게 전달됨 )  각 버튼을 통해 삭제를 하였을 때 둘 다 동시에 적용됨 ( 원래 데이터를 삭제하는 것이고 두 component모두 원래 데이터를 참조하는 것이므로 )