Javascript Vuejs项目中未显示页面
我进入了一个已经开始使用vue.js的项目，我对它不熟悉，但我正在试图弄清楚它是如何工作的 目前我的问题是： 我想创建一个新页面，定义它的路径和要在其中呈现的静态模板，现在只想看到一个“新页面”，但是我创建的模板没有呈现（并且没有给出错误） 实际上，我已经添加了app/router/routes.js文件，其中添加了以下部分：Javascript Vuejs项目中未显示页面,javascript,vue.js,Javascript,Vue.js,我进入了一个已经开始使用vue.js的项目，我对它不熟悉，但我正在试图弄清楚它是如何工作的 目前我的问题是： 我想创建一个新页面，定义它的路径和要在其中呈现的静态模板，现在只想看到一个“新页面”，但是我创建的模板没有呈现（并且没有给出错误） 实际上，我已经添加了app/router/routes.js文件，其中添加了以下部分： { path: 'blocked-segments', name: 'blocked.segments', component: require(
{
path: 'blocked-segments',
name: 'blocked.segments',
component: require('pages/BlockedSegments').default
}
<template>
<div class="blocked-segments">
BLOCKED SEGMENTS
</div>
</template>
<script>
export default {
name: 'blocked.segments'
}
</script>
<style>
</style>
<template>
<div id="app" class="w-full h-full">
<router-view />
</div>
</template>
<script>
export default {
name: 'app'
}
</script>
阻塞段
导出默认值{
名称：“已阻止。段”
}
<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>
Javascript已禁用…
<template>
<div class="blocked-segments">
BLOCKED SEGMENTS
</div>
</template>
<script>
export default {
name: 'blocked.segments'
}
</script>
<style>
</style>
<template>
<div id="app" class="w-full h-full">
<router-view />
</div>
</template>
<script>
export default {
name: 'app'
}
</script>
导出默认值{
名称：“应用程序”
}
app.js