laravel - 将 Prop 从 laravel 传递给 svelte 组件

Question

我今天开始学习 svelte，但遇到了一个问题。是否可以通过 laravel blade 将 props/data 传递给 svelte 组件？

例如，这是在 vuejs 中传递它的方式:

<blog-post post-title="hello!"></blog-post>

除了 ajax 之外，我不明白我的 svelte 组件从哪里获取数据。

我在这里谈论的是将数据传递到 .svelte 组件之外。不从 1 传递到另一个 .svelte 文件组件。我问你是否可以将数据从 .php 文件传递​​到组件。

Answer 1

从 laravel >= 5.x(也许还有一些以前的版本)有一个 blade 指令(在以前的版本中只使用 {!! json_encode($data) !!})，只需在 php 页面中创建一个 js 变量:

<script>
    var data = @json($data);
</script>

通常你有像下面这样的胶水代码(你可以在其中添加元素的 props):

import App from './App.svelte';

const app = new App({
    target: document.body,
    props: {
        name: data.name
    }
});

export default app;