vue.js - 我的 VueJS 应用程序未呈现 - 我查看了有关堆栈溢出的其他解决方案,但似乎都没有解决我的问题
问题描述
我有一个需要渲染的简单 Vue.Js 应用程序,但该应用程序根本没有被渲染。
我遵循了在线显示的所有示例,一切看起来都正确,但我无法发现问题。我在带有 webpack 的 ASP.net 应用程序上使用 Vue.js
我的 Index.cshtml:
@section scripts{
<environment names="Development,Production,Staging">
<script src="~/dist/js/home/bundle.js" asp-append-version="true"></script>
</environment>
}
<div id="app">
</div>
我的主要 app.js:
import Vue from 'vue';
import VueRouter from 'vue-router';
Vue.config.performance = true;
Vue.use(VueRouter);
import store from './store/store';
import { router } from './router/router';
import App from './App.vue';
new Vue({
el: '#app',
store,
router,
render: h => h(App)
});
我的应用程序.vue:
<template>
<div>
<div class="container">
<div class="columns">
<div class="column is-3">
<section class="section">
<aside class="menu">
<p class="menu-label">
Examples
</p>
<ul class="menu-list">
<li>
<router-link :to="{ name: 'counter' }">Counter</router-link>
</li>
</ul>
<p class="menu-label">
About
</p>
<ul class="menu-list">
<li>
<router-link :to="{ name: 'moduleinfo' }">Module info</router-link>
</li>
</ul>
</aside>
</section>
</div>
<div class="column is-9">
<section class="section">
<transition name="component-fade"
mode="out-in">
<router-view></router-view>
</transition>
</section>
</div>
</div>
</div>
<notifications group="global" />
</div>
</template>
<script>
import Vue from 'vue'
import Notifications from 'vue-notification'
Vue.use(Notifications)
export default {
name: 'App'
}
</script>
<style scoped>
</style>
没有抛出错误,应用程序根本不呈现,当我运行应用程序时页面上唯一的 html 是
<div id=app>
</div>
解决方案
推荐阅读
- python - Python 说“请在您的浏览器中启用 JavaScript 和 Cookies”。在 Selenium 网络驱动程序中
- python - 用年份注释月份列表
- amazon-web-services - 将嵌套 JSON 传输到 AWS Glue 中的新行
- django-rest-framework - 更改标准端点网址 Django Rest Framewrok
- javascript - 谁能帮我弄清楚这段javascript有什么问题?
- c# - ASP.NET Core 中的选项模式 - 如何将子选项作为 JSON 字符串返回(非强类型)
- python - 在 Pygame 中有一个文本大纲
- python - Matplotlib 悬停文本
- android - 我在 Flutter 中遇到 NoSuchMethod 错误
- python - 在 Python atexit 函数中,函数内设置的字符串不可见?