Passerer variabel fra Laravel til VueJS 2 komponent.

Bruk & lt; eksempel: data = «>» & gt; & Lt; / eksempel & gt; for Blade og rekvisitter: [‘data’] for komponent.

Pass pa a bruke for innhold inneholder «og».

Nylig skriver jeg mye Laravel og VueJS 2 sa mott med det vanlige tilfellet nar jeg vil sende PHP-variabler til VueJS-komponenten.

Det er mange foreslatte metoder, inkludert pass som globale JS-variabler, passere som et spor, og passere som rekvisitter.

Hver har sine egne fordeler og ulemper her, jeg vil forklare.

Pass som globale JS-variabler.

Dette er den mest enkle losningen og sikkert fungerer. Videre er det et fint hjelpebibliotek for denne Transform PHP Vars til JavaScript.

Men noen ganger vil jeg bare overfore til en enkelt komponent som kanskje jeg bruker blad for a gjengi flere komponenter den en gang. Og jeg mot a bruke globale variabler som det er vanskeligere a spore problemet. Som et resultat er dette ikke egnet for mitt krav.

Pass som et spor.

Dette er en kreativ mate a bruke VueJS evne til a unnga a romme JSON som HTML-enheter ved a kode JSON til HTML-taggen og bruke VueJS til a lese den pa montert. Men det ma leses manuelt hver gang, og jeg tror det burde v rt lettere.

Pass som en prop.

Dette bor v re den beste maten som en begynnelse uten a tenke fordi den er scoped til komponenten og automatisk lastet inn. Jeg blikket rundt pa internett for en stund og lurer pa nar folk flest antyder a bruke i stedet for> som koden blir vakrere.

Nar du skriver ut JSON med>, vil det unnslippe HTML og endre «til» som kan v re veldig stygg i HTML-koden. Tenk pa nar dataene inneholder «og» der problemet kommer.

Det er uunngaelig a mote «og» for innholdet som er generert av brukere, sa du ma unnslippe strengen.

Her er eksemplet pa hvordan du sender data fra Blade til VueJS-komponenten.

Apne webkonsollen og der du gar. Sitatet skal skrives ut pa riktig mate.

Men hvis du er sikker pa at dataene ikke inneholder «du kan bruke som du onsker.

Men jeg ville ikke ga for sikkerhets skyld, og det er ingen grunn til a lage HTML-kode lesbar pa brukerens nettleser.

Hva med a bruke mindre trafikk for a overfore HTML?

Vel, som gzip aktivert, ville det ikke v re mye forskjellig i komprimert storrelse.


Hilsen! Vil du spille i det beste kasinoet? Vi forbereder det for deg. Spill her nå!