VueJS - передача данных (массива) от дочернего к родительскому компоненту с помощью v-модели

Question

Я пытаюсь передать данные (массив) от дочернего к родительскому компоненту с помощью v-модели, но когда родительский компонент создан, мой console.log не работает.Я не буду работать с Vuex, потому что я новичок.

Здесь мой child component, у этого компонента есть вложенный ребенок:

<template>
  <PhaseListItem
    v-model="selectedPhase"
    ...
  />
</template>

<script>
  import PhaseListItem from '@/components/phase/PhaseListItem'

  export default {
    name: 'PhaseList',

    components: {
      PhaseListItem
    },

    data () {
      return {
        data: ['item 1', 'item 2'],
        selectedPhase: undefined,
      }
    },

    watch: {
      selectedPhase () {
        this.$emit('phaselist:selected', this.data)
       }
    },
  }
</script>

Здесь мой parent child:

<template>
  <PhaseList
    @phaselist:selected="onChangeChild"
  />
</template>

<script>
  import PhaseList from '@/components/phase/PhaseList'

  export default {
    name: 'PhaseCreate',

    components: {
      PhaseList
    },

    methods: {
      onChangeChild (value) {
        console.log('emit', value) // I want to see my array from child component
      }
    },
  }
</script>

Спасибо,

Answer 1

Просто изменить

@phaselist:selected="onChangeChild"

до

@selected="onChangeChild"

на папу