如何将全局变量调用到 vue 组件中？

Question

我的母版页中有此代码。如何在我的 vue 模板中调用这个变量。我认为我调用变量的方式是错误的，请纠正我

<script>
  window.App = {!! json_encode([
      'user' => Auth::user()->id,
  ]) !!};
</script>

这是我的 vue 模板

<template lang="html">
  <div class="chat-message" v-if="message.user_from == window.App.user">
    <div class="chatright">
      {{message.user_from}} {{message.msg}}
   </div>
  </div>
  <div class="chatleft" v-else>
    {{message.user_from}} {{message.msg}}
  </div>
</template>

Answer 1

你会这样称呼它：

window.App.user.id

顺便说一句，在您的母版页中，您只需要这个：

<script>
  window.App = {!! json_encode([
      'user' => Auth::user(),
  ]) !!};
</script>