Laravel Vuejs передает данные от blade-сервера до

Question

Я новичок в Вуэйсе. У меня есть следующий код, и я получаю ошибку. Я пытаюсь передать переменную в файл VUE.

Что я делаю не так? И как мне этого добиться?

App.js:

window.Vue = require('vue');
Vue.component('formlements' ,require('./components/formelements/Input.vue') );
const app = new Vue({
   el: '#app'
});

Лезвие:

<formlements :testinfo="{somekey: 'someinfo'}"></formlements>

файл Vue

<template>
    <div class="container">
        {{testinfo.somekey}}
    </div>
</template>

Ошибка:

Свойство или метод "testinfo" не определены в экземпляре, но на него ссылаются во время рендеринга. Убедитесь, что это свойство является реактивным, либо в параметре данных, либо для компонентов на основе классов, инициализируя свойство

Answer 1

Согласно моему комментарию, вы не определили props для своего компонента или приложения. Даже если вы связали переменную с реквизитом, используя :bind, она по-прежнему недоступна для компонента.

Все, что вам нужно сделать, это объявить опору, например, props: { testinfo: Object }.