Question

我正在为我的新项目使用svelte，这是一个很新的项目。我有一个带有多个子组件的父组件。关于子组件的允许我选择一个日期，然后我要使用该日期自动重新呈现所有其他子组件。实际上，除非我使用商店，否则他们不会退回，但是还有另一种方法吗？

Answer 1

您可以使用bind:使用双向绑定，但是我认为仅在特殊情况下才应使用。您真的可以用它弄乱数据流。通常，商店是更好的选择。无论如何，这里是代码：

<script>
  import Child1 from "./Child1.svelte"
  import Child2 from "./Child2.svelte"
  let info = 'Hello from main';
</script>
<h1>Main</h1>
<Child1 bind:text={info}></Child1>
<Child2 msg={info}></Child2>

工作示例： https://svelte.dev/repl/51daf11dcf3a4ade9b3ed525eec51967?version=3.24.1

还有其他方法可以执行此操作，例如：createEventDispatcher

重新渲染子组件

1 个答案: