web-dev-qa-db-fra.com

Meilleure pratique pour transmettre des données de Laravel à Vue

C'est mon code de lame

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

Ceci est mon code de composant VueJS

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

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

La question est

Ce code fonctionne bien mais je demande ce qui est mieux en utilisant Axios et Vuex pour récupérer les données de mon Laravel app ou simplement Passer des accessoires de lancement de données comme je a fait dans ce code?

laravelvue.jsvuex
7
Dill

Passer les données via des accessoires est le meilleur moyen.

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

Si vous souhaitez utiliser la variable laravel pour les données de la lame,

<my-component my-data="'{{ $data.id }}'"></my-component>

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

Évitez autant que possible les appels API. Cela réduira le nombre total de demandes au serveur et exposera moins de points de terminaison api.

17
Summonjoy