javascript - vuejs 模板 als asp.net partialviews,好的做法?

标签 javascript asp.net-mvc razor vue.js

我在网站中使用 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 捆绑在一起。 enter image description here

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

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

最佳答案

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

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

关于javascript - vuejs 模板 als asp.net partialviews,好的做法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40173413/

相关文章:

javascript - 节点在不应该扩展的时候开始扩展

javascript - 传递 js 变量以形成操作 url

c# - 如何让 WebAPI HelpPage 包与 HotTowel 模板一起使用?

javascript - 从javascript中断在Razor View中调用data-url-action

javascript - 在不使用输入类型文件的情况下在我的应用程序中播放本地音频文件

javascript - iframe 移动响应

asp.net-mvc - 枚举 ASP.NET MVC RouteTable 路由 URL

javascript - 如何对登录用户隐藏登录字段

javascript - 如何将 C# 与 javascript 混合使用以更改 html?

javascript - <td> 内的动态 anchor 标记