从Laravel向Svelte组件传递props

Question

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

例如，这是您如何在 vuejs 中传递它的方法：

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

除了ajax，我不清楚我的组件从哪里获取数据。

我谈论的是在.svelte组件之外传递数据，而不是从一个.svelte文件组件传递到另一个。我想知道是否可以从一个.php文件传递数据到一个组件中。

- Neavehni

---

尝试使用<blog-post title="hello!"></blog-post>，我认为props不能用连字符。 - Salim Djerbouh

可能是 在 Svelte 中向下传递 props 的重复问题。 - Salim Djerbouh

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;

- Alex