У меня есть стандартный сайт ядра dotnet, который использует Razor для большинства страниц. однако, была одна область, которая была довольно сложной на фронте пользовательского интерфейса, поэтому для этого интерфейса использовался Vue.js. Теперь я подошел к моменту, когда я хотел бы добавить еще одну страницу. Очевидно, что я все еще хочу использовать маршрутизацию ядра dotnet для большей части работы, однако не знаю, как лучше интегрировать больше страниц.
Являются ли они просто отдельными приложениями vue (которые могут совместно использовать компоненты). или есть какой-то другой способ приблизиться к этому.
Моя первая страница отрисовывается ядром dotnet и имеет ссылку на этот 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 построен с помощью веб-пакета и упакован с использованием npmи зависимости, добавленные с помощью npm и т. д. Мое главное беспокойство, на самом деле каждая страница, которую я хочу создать, будет иметь большой загрузочный файл, так как он содержит vue.js и т. д. и все компоненты.
Должен быть лучший способ, поэтому решение было бы полезно узнать. Все примеры говорят о маршрутизаторе vue (который я использовал), но не уверены, как он может работать со всей маршрутизацией ядра dotnet.
заранее спасибо.