Get value from Vue component in Laravel blade

Solution:

in your vue components define watcher and emit event on webcam value change :

  watch: {
    webcam: function (val) {
      this.$emit('webcamchange',val)
    }
  }

then handle event on your main page:

<input name="avatar" type="hidden" :value="webcam.img" />
<webcam-avatar @webcamchange="webcam"></webcam-avatar>

don’t forgot to define webcam on data section in your main page :

   data:function () {
    return {
      webcam:{}
      }
    }