title: trigger function in child.vue after clicking button in parent.vue
body: <p>I'm working with <code>BootstrapVue</code>.</p>
  <p>I have a method in my <code>parent.vue</code> where I pass a value (<code>this.propsIndex</code>) to my <code>child.vue</code>.</p>
  <p>Now I want to use this <code>value</code> each time it will be clicked in a method of my child.vue - but how can I trigger my function and make it working?</p>
  <p>Thank You very much!</p>
  <p><strong>If it's possible I want to avoid using <code>watch</code></strong></p>
  <p>my parent.vue</p>
  <pre><code>&lt;template&gt;
    &lt;div v-for=&quot;(id, index) in inputs&quot; :key=&quot;index&quot;&gt;
      &lt;b-button @click=&quot;deleteViaIndex(index)&quot;&gt;Delete&lt;/b-button&gt;
      &lt;child :indexProps=&quot;indexProps&quot; /&gt;
    &lt;/div&gt;
  
    &lt;div&gt;
      &lt;b-button @click=&quot;addInput()&quot;&gt;Add Input&lt;/b-button&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    methods: {
      deleteViaIndex(index) {
        this.propsIndex= index;
      },
  
      addInput() {
        this.inputs.push({})
      },
    },
  
    data() {
      return {
        inputs: [{}],
        propsIndex: '',
      }
    }
  &lt;/script&gt;
  </code></pre>
  <p>my child.vue (script)</p>
  <pre><code>props: [&quot;propsIndex&quot;],
  
  methods: {
    deleteViaParentIndex() {
      //HERE I WANT TO USE IT EVERY TIME IT WILL BE CLICKED IN MY PARENT.VUE
      //BUT FOR NOW IT'S NOT DOING ANYTHING WHEN I CONSOLE.LOG(this.propsIndex)
    }
  }
  </code></pre>