将道具从 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;

Passing props to svelte component from laravel