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

时间:2018-09-26 14:51:02

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

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

我注意到vue.js可以在CLI / npm(我相信它是新界面的组成部分)上使用的,并且可以轻松导入。

我应该怎么做?了解事物之间如何交互的模式!

1 个答案:

答案 0 :(得分:0)

如果您有权访问Vue.js UI的生成输出,则在ASP.NET MCV中可以非常简单。我现在不知道它将如何适用于Web表单,但这是我对问题的解决方案:

@{
    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应用程序一起使用