将数据从刀片传递到Vue组件

Question

我正在尝试学习vue，并且我也想将其与laravel集成在一起。我只想将用户ID从刀片发送到vue组件，以便可以在其中执行放置请求。假设我在刀片中有这个：

<example></example>

如何将Auth :: user（）-> id发送到此组件并使用它。

我一直在寻找这个问题，但是找不到一个明确的答案。

谢谢！

Answer 1

要将数据传递到组件，可以使用props。在此处找到有关道具的更多信息。这也是定义这些道具的好资源。

您可以执行以下操作：

<example :userId="{{ Auth::user()->id }}"></example>

要么

<example v-bind:userId="{{ Auth::user()->id }}"></example>

然后必须在Example.vue文件中定义道具。然后，您可以通过访问它this.userId。

喜欢 ：

<script>
  export default {
    props: ['userId'],
    mounted () {
      // Do something useful with the data in the template
      console.dir(this.userId)
    }
  }
</script>