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

【问题标题】：How to integrate an existing Vue.js 2 interface to an existing ASP.NET/C# Web forms application?如何将现有的 Vue.js 2 界面集成到现有的 ASP.NET/C# Web 表单应用程序？
【发布时间】：2018-09-26 14:51:01
【问题描述】：

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

我注意到 vue.js 可以在 CLI/npm（我相信新界面是由它构成的）上使用并且很容易导入。

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

【问题讨论】：

标签： c# asp.net vue.js webforms

【解决方案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 应用程序

【讨论】：