Laravel Vuejs将数据从刀片传递到.vue模板

Question

我是Vuejs的新人。我有以下代码，我收到一个错误。我试图将var传递给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 }。