vue.js - Try to call a function in blade.php with Vue and Laravel

Question

I see the example but it does not work and I have done exactly what I have seen:

My blade.php is:

<a @click="createItem">Bancos</a>

My app.js

Vue.component('rol_permissions', require('./components/RolPermissionsComponent.vue'));

const app = new Vue({
  el: '#app',
  methods: {
    createItem: function() {
        this.$refs.child.createItem()
    }
   },
   router
});

My RolPermissionsComponent.vue

<template>

<script>
  export default {
    mounted() {
        
    },
    data() {
        
    },
    methods: {
        createItem(){
            console.log(2);
        }
    }
  }
 </script>

But it displays me this error:

Property or method "createItem" is not defined on the instance but referenced during render

I wonder what it's the problem? because I have seen in another examples but something is bad.

Thanks

question from:https://stackoverflow.com/questions/66049269/try-to-call-a-function-in-blade-php-with-vue-and-laravel

Answer 1

Waitting for answers