javascript - 将 Vue.JS 添加到现有的 dotnet core 2.2 站点

Question

我有标准的 dotnet 核心网站，大部分页面都使用 Razor。但是，有一个区域在 UI 前端非常复杂，所以在这个前端使用了 Vue.js。我现在已经到了要添加另一个页面的地步。显然，我仍然想在大部分工作中使用 dotnet core 路由，但是，不确定如何最好地集成更多页面。

它们只是更多单独的 vue 应用程序（可以共享组件）。还是有其他方法可以解决这个问题。

我的第一个页面是由 dotnet core 渲染的，并且有这个 js 的链接

import Vue from "vue";
import App from "./App.vue";

import { date, datetime, time } from "./filters/index.js";

Vue.filter("date", date);
Vue.filter("time", time);
Vue.filter("datetime", datetime);

new Vue({
  el: "#module-app",
  render: h => h(App)
});

一切正常，（除了一个全局 js 变量来启动该过程）

<div id="module-app" >
    <App :moduleId="@Model.Module.Id"></App>
</div>

并在脚本部分（布局母版页）

<script>
    const ModuleId = @Model.Module.Id;
</script>

<script src="/dist/main.js" ></script>

这个 main.js 文件是使用 webpack 构建的，并使用 npm 捆绑，并使用 npm 添加依赖项等。我主要担心的是，实际上我想要制作的每个页面都会有一个很大的下载文件，因为它包含 vue.js 等和所有组件。

必须有更好的方法，所以很高兴知道一个解决方案。所有示例都讨论了 vue 路由器（我已经使用过），但不确定它如何与整个 dotnet 核心路由一起工作。

提前致谢。

标签： javascriptvue.jsasp.net-core