Javascript vue路由器组件变量未定义

你好，我在我的php页面内容选项卡中使用路由器，当我第一次输入未定义的路由变量并更改路由返回时，它可以工作，当我从url输入与vue dev extension中显示的未定义变量相同的内容时

app.js

模板脚本

导出默认值{
数据（）{
返回{
详情：window.infos，
字符：window.characters，
剧集：窗口，剧集，
}
}
}

single.blade.php

window.infos={！！json_encode（$response）！！}；
window.characters={！！json_encode（$apicharacters）！！}；
window.scents={！！json_encode（$scents）！！}；

它未定义，因为未设置

窗口

对象上的属性

相反，您可以移动

<script>
window.infos = {!! json_encode($response) !!};
window.characters = {!! json_encode($apicharacters) !!};
window.episodes = {!! json_encode($episodes) !!};
</script>

window.infos={！！json_encode（$response）！！}；
window.characters={！！json_encode（$apicharacters）！！}；
window.scents={！！json_encode（$scents）！！}；

因此它在HTML

中。这将在Vue启动之前设置属性和值

<script>
export default {
  data () {
    return {
      details: window.infos,
      characters: window.characters,
      episodes: window.episodes,
    }
  }
}
</script>

              <div data-v-20e267b2="" data-v-aaf71b06="" class="overview">
                <router-view></router-view>
              </div>
           </div>
<script>
window.infos = {!! json_encode($response) !!};
window.characters = {!! json_encode($apicharacters) !!};
window.episodes = {!! json_encode($episodes) !!};
</script>

<script>
window.infos = {!! json_encode($response) !!};
window.characters = {!! json_encode($apicharacters) !!};
window.episodes = {!! json_encode($episodes) !!};
</script>