javascript - vuejs 模板 als asp.net partialviews，好的做法？

Question

我在网站中使用 Vue.js，并在 html 代码中添加了模板，在单个 js 文件中添加了 js 代码。所以我不想使用 *.vue <-> Vuefy/Browserfy 方法，而是稍后捆绑并缩小我的 js 文件。

因为我必须使用 Asp.Net MVC，所以我可以在 View 中拆分单个 Html 文件并插入使用 @Render.Partial(...) 分层结构的 vue-div-elements。这样我就可以进行干净的分离并使用与 *.vue 文件相同的系统。

这是一个好的做法吗？

您认为在每个部分 .cshtml 中编写 html 和 new Vue({}) 还是只在其中编写 html 代码并将 javascript 放入 (a) js 文件会更好？

脚本标签中的 js 代码无法捆绑，我不喜欢那么多内联代码，但它会很好地耦合组件代码。

通过使用多个 js 文件，我可以将它们存储在部分合作伙伴旁边的 View 文件夹中，并将它们与 VS Extension Bundler 和 Minifier 捆绑在一起。

这些想法是否有用，或者是否还有在 asp.net 中使用 vuejs 模板的好方法？

编辑:我曾经用特定的 Preifx 编写一些局部 View 。包含内联脚本标签，这与 .vue 方法非常接近，并且在小组件中很酷，因为它都在一个页面中。内联脚本在 Razor 中是有条件的，因此只有在开发版本中它才会内联呈现，对于生产它会被分开发送。为此，我编写了一个 powershell 脚本并将其作为预构建事件执行，以将所有内联代码提取到一个 js 文件中。该文件与其他 js 文件捆绑在一起，并被缩小以用于生产。所以我可以使用 html/templates 中的所有 Razor 功能，而项目的其他页面只是 *.cshtml View 。对于只有一个 SPA 站点，iknowitwasyoufredo 提到的方法听起来更好。

Answer 1

如果你使用 vue.js 来做一些简单的 js 任务，而不是 jquery 我认为它很好。但是如果你想要一个单页应用程序、路由、双向绑定(bind)等，将 asp.net mvc View 与 vue.js 混合并不是一个好主意。最终，您将面临许多问题。

这是一个架构决策，但您可以使用 dotnet 实现 Web API 服务，并从 node.js 应用程序(express、webpack、vue.js)使用此服务。