时间戳

首页 > 解决方案 > 页面未显示在 Vuejs 项目中

javascript - 页面未显示在 Vuejs 项目中

问题描述

我进入了一个已经盯着 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>

标签： javascriptvue.js

解决方案

推荐阅读