[Vue] 자식 컴포넌트에서 부모로 값 전달

- props에서 전달받은 값을 변경해도 부모 컴포넌트에서 값이 변경되지 않는다

- 자식 컴포넌트에서 부모 컴포넌트의 함수를 호출하면서 매개변수를 같이 넘겨주는 방식

 

ChildVue.vue

<script>
export default {
    name: 'ChildVue',
    methods: {
        childMethod(param) {
            this.$emit('parentMethod', param);
        }
    }
}
</script>

ParentVue.vue

<script>
import SearchWindow from '@/components/ChildVue.vue';

export default {
  name: 'ParentVue',
  components: {
    ChildVue
  },
  methods: {
    parentMethod(param){
    	console.log(param);
    }
  }
}
</script>