将Vue.js集成到现有ASP.NET MVC5项目中的最佳方法

问题描述 投票:0回答:3

我们有一个现有的ASP.NET MVC5 Projekt(剃刀)。我们想重建所有内容(使用Vue.js作为前端),但是由于客户的要求,我们首先必须将新的Vue组件放入现有的Projekt(最好在div中运行)。

我们也想为新的应用程序重用Vue组件,因此我们决定将Vue组件放入其自己的项目中。将Vue组件集成到现有项目中的最佳,最直接的方法是什么?我听说了一些选择:iframe或将组件构建到npm包中。

我很想听听一些想法。谢谢,也谨致问候]

我们有一个现有的ASP.NET MVC5 Projekt(剃刀)。我们想重建所有内容(使用Vue.js作为前端),但是由于客户要求,我们首先必须将一个新的Vue组件放入现有的...

javascript asp.net-mvc vue.js
3个回答
2
投票

我们所做的事情与乍得上文所述类似。


1
投票

我们的工作方式是将每个剃须刀页面转换成Vue中自己的微型前端项目。例如,页面X成为一个名为PageX的新Vue项目。然后,我们将PageX项目创建为独立的Vue项目。准备就绪后,Vue Cli将使用标准工具构建每个Vue项目。将构建过程的输出添加到解决方案中的每个页面的子文件夹中的scripts文件夹中,然后我们将剃刀页面更改为使用已构建的Vue脚本,像这样]

<div id="app"></div>
<script src="~/Scripts/VueProd/PageX/js/chunk-vendors.f32059da.js"></script>
<script src="~/Scripts/VueProd/PageX/js/app.f58ae4b7.js"></script>

0
投票

谢谢您的输入!您的回答解决了我的问题。

我在项目结构外部创建了一个View Project,并将其捆绑到一个webpack中。

© www.soinside.com 2019 - 2024. All rights reserved.