时间戳

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

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

问题描述

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

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

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

标签： c#asp.netvue.jswebforms

解决方案

如果您可以访问 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 应用程序一起使用

推荐阅读