Как динамически привязать дочерний компонент к родительскому инпуту?

Question

[Иван Лапшин]

Для начала приведу пример кода, чтобы стало понятнее о чем я спрашиваю.
Вот примерная структура родительского компонента

<form>
                    <v-select
                        v-model="number"
                        :items="items"
                    ></v-select>
        </form>
        <ChartComponent
            v-bind:id = number
        ></ChartComponent>

...

import ChartComponent from "./ChartComponent";
    export default {
        components: {
            ChartComponent,
        },
        data: function(){
            return{
                number: 1,

А это уже дочерний компонент:

...
props: {
            id: {
                type: Number,
                required: true,
            },
        },
...
 methods: {
            get_chart_data: function () { ... }
            }

Я хочу сделать так, чтобы номер, который берется из формы родительского компонента, отправлялся в дочерний и там вызывал метод с этим номером. Т.е. я выбираю номер нужной мне записи в родительском компоненте, в дочернем на сервак отправляется запрос с этим номером, а ответ изменяет содержимое этого (дочернего )компонента.

Comments

[Анатолий]

в дочернем:

...
watch: {
  id (newValue) {
     this.get_chart_data(newValue)
  }
}
...

[Иван Лапшин]

Анатолий, спасибо