<div id="app">
  <Testcomponent bam-wam="ham" />
</div>


<script>
    export default {
        name: "ExampleComponent",
        props: [
            'bamWam'
        ],
        data () {
            return {

            };
        },
        created() {
            console.log(this.bamWam);
        }
    }
</script>



这段代码运行良好,但是我问使用Axios和Vuex从我的Laravel应用或简单地中获取数据的更好还是像在此代码中所做的那样传递数据抛出 Prop ?

最佳答案

通过 Prop 传递数据是最好的方法。

<my-component my-data="yourData"></my-component>

如果您想使用 laravel 变量来存储 Blade 中的数据,
<my-component my-data="'{{ $data.id }}'"></my-component>

<my-component :my-data="'{!! json_encode($data) !!}'"></my-component>

尽可能避免api调用。它将减少对服务器的请求总数,并公开更少的api端点。

关于laravel - 将数据从Laravel传递到Vue组件的最佳实践,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/51366437/

10-10 18:30
查看更多