我在网站中使用 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 提到的方法听起来更好。
->最佳答案
如果你使用 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/
我正在使用puppet为ruby程序提供一组常量。我需要提供一组主机名,我的程序将对其进行迭代。在我之前使用的bash脚本中,我只是将它作为一个puppet变量hosts=>"host1,host2"我将其提供给bash脚本作为HOSTS=显然这对ruby不太适用——我需要它的格式hosts=["host1","host2"]自从phosts和putsmy_array.inspect提供输出["host1","host2"]我希望使用其中之一。不幸的是,我终其一生都无法弄清楚如何让它发挥作用。我尝试了以下各项:我发现某处他们指出我需要在函数调用前放置“function_”……这
我正在使用Mandrill的RubyAPIGem并使用以下简单的测试模板:testastic按照Heroku指南中的示例,我有以下Ruby代码:require'mandrill'm=Mandrill::API.newrendered=m.templates.render'test-template',[{:header=>'someheadertext',:main_section=>'Themaincontentblock',:footer=>'asdf'}]mail(:to=>"JaysonLane",:subject=>"TestEmail")do|format|format.h
所以这可能有点令人困惑,但请耐心等待。简而言之,我想遍历具有特定键值的所有属性,然后如果值不为空,则将它们插入到模板中。这是我的代码:属性:#===DefaultfileConfigurations#default['elasticsearch']['default']['ES_USER']=''default['elasticsearch']['default']['ES_GROUP']=''default['elasticsearch']['default']['ES_HEAP_SIZE']=''default['elasticsearch']['default']['MAX_OP
关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭5年前。Improvethisquestion我审查了一些用Ruby编写的专业代码,没有发现任何评论。代码读起来相当清晰,但没有self记录。我应该期望专业编写的Ruby代码有注释吗?或者,是否有一些Ruby原则认为注释不是必需的?
我遇到了一个非常奇怪的问题,我很难解决。在我看来,我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时,我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性,其中包括href和data-method。再次单击此链接后,我的服务器收到了对新href的请求,但使用的是旧的data-method,即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是,如果我刷新页面,HTML与"new"HTML相同(随返回的JS发生变化),但它实际上发送了正确的请求类型。这就是这个问题令我困惑的
我对图像处理完全陌生。我对JPEG内部是什么以及它是如何工作一无所知。我想知道,是否可以在某处找到执行以下简单操作的ruby代码:打开jpeg文件。遍历每个像素并将其颜色设置为fx绿色。将结果写入另一个文件。我对如何使用ruby-vips库实现这一点特别感兴趣https://github.com/ender672/ruby-vips我的目标-学习如何使用ruby-vips执行基本的图像处理操作(Gamma校正、亮度、色调……)任何指向比“helloworld”更复杂的工作示例的链接——比如ruby-vips的github页面上的链接,我们将不胜感激!如果有ruby-
Ruby中防止SQL注入(inject)的好方法是什么? 最佳答案 直接使用ruby?使用准备好的语句:require'mysql'db=Mysql.new('localhost','user','password','database')statement=db.prepare"SELECT*FROMtableWHEREfield=?"statement.execute'value'statement.fetchstatement.close 关于ruby-防止SQL注入(inject
一般来说,我是Middleman和ruby的新手。我已经安装了Ruby我已经安装了Middleman和gem以使其运行。我需要使用slim而不是默认的模板系统。所以我安装了Slimgem。Slim的网站只说我需要'slim'才能让它工作。中间人网站说我只需要在config.rb文件中添加模板引擎,但是没有给出例子...对于没有ruby背景的人来说,这没有帮助。我在git上找了几个config.rb,它们都有:require'slim'和#Setslim-langoutputstyleSlim::Engine.set_default_options:pretty=>true#Se
我有这个:AccountSummary我想单击该链接,但在使用link_to时出现错误。我试过:bot.click(page.link_with(:href=>/menu_home/))bot.click(page.link_with(:class=>'top_level_active'))bot.click(page.link_with(:href=>/AccountSummary/))我得到的错误是:NoMethodError:nil:NilClass的未定义方法“[]” 最佳答案 那是一个javascript链接。Mechan
关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭6年前。Improvethisquestion我正在使用RSpec编写测试。您认为什么是好的代码测试比率?