将道具传递给拉拉维尔的苗条部件

Question

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

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

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

我不知道我的svelte组件从ajax那里从哪里获取数据。

我在这里谈论的是在.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;

Answer 2

通过切换回Vue.js并删除我的稀薄组件来解决。

祝你在互联网上找到有关svelte 3的答案。