Question

我已经进入了一个已经与vue.js合作的项目，我对它并不熟悉，但我正在试图弄清楚它是如何工作的。

我的问题，现在，是这样的：我想创建一个新页面，定义它的路径和一个要在里面渲染的静态模板，只是为了现在看到一个“新页面”，但是我创建的模板没有渲染（并且没有给出错误）。

实际上我添加了这个部分的app / router / routes.js文件：

{
    path: 'blocked-segments',
    name: 'blocked.segments',
    component: require('pages/BlockedSegments').default
  }

这很有效，因为实际上我可以“看到”路线，但页面中没有任何内容。这是pages / BockedSegment.vue文件：

<template>
  <div class="blocked-segments">
    BLOCKED SEGMENTS
  </div>
</template>

<script>
export default {
  name: 'blocked.segments'
}
</script>

<style>
</style>

非常简单，静态，没有什么奇怪的。但没有任何反应，我的意思是，我可以看到浏览器指向正确的路线，但页面的HTML是这样的：

<body>
    <noscript>
      <strong>Javascript is disabled...</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  <script type="text/javascript" src="/app.js"></script></body>
</html>

我需要了解我做错了什么......也许我忽略了一些非常基本的东西。提前谢谢。

更新1：这是App.vue文件：

<template>
  <div id="app" class="w-full h-full">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

页面未在Vuejs项目中显示

0 个答案: