如何将现有的 Vue.js 2 接口集成到现有的 ASP.NET/C# Web 表单应用程序？

Question

昨天我收到了一个使用 Vue.js 2 制作的界面，我被要求将它实现到现有的 C#/ASP.NET Web 表单应用程序中。

我注意到 vue.js 可以在 CLI/npm（我相信新界面是由它组成的）和简单的导入上使用。

我应该怎么做？ 事物将如何相互作用的模式值得赞赏！

Answer 1

如果您可以访问 Vue.js UI 的构建输出，那么在 ASP.NET MCV 中它可以非常简单。 我现在不知道它将如何适用于网络表单，但这是我对这个问题的解决方案：

@{
    Layout = "~/Views/Shared/Layouts/_Public_Injectable.cshtml";
    ViewBag.Title = "Page Title";
}
@section scripts{
    @Styles.Render("~/content/css/vue")
}

<noscript>
    <strong>We're sorry but this page doesn't work without JavaScript enabled. Please enable it to continue.</strong>
</noscript>

<div id="app"></div>

<script src="~/Scripts/Vue-Build-Files/js/chunk-vendors.738367a5.js"></script>
<script src="~/Scripts/Vue-Build-Files/js/app.40933a0b.js"></script>

本质上，解决方案是将 Vue.JS 构建输出作为一组脚本添加到页面中，并确保您的页面具有必要的 index.html 以与 vue 应用程序一起使用