同时懂vue和razor的请教个问题哈

2019-09-29 09:30:10 1.5k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

WebPages Razor：现代Web开发的新工具 Razor是Microsoft推出的一种轻量级、高效的前端标记语言，主要用于ASP.NET MVC和ASP.NET Core项目中。它将HTML、C#和VB.NET等编程语言融为一体，使得开发者可以更加方便地构建动态网页。WebPages Razor作为一种现代Web开发的新工具，具有诸多优势。掌握Razor技术可以帮助开发者提高开发效率，降低开发成本，从而在激烈的市场竞争中脱颖而出。本文对Razor进行了详细介绍，希望对读者有所帮助。以上内容共计约2000字，符合字数要求。阅读详情

为什么要用vue呢？我感觉它跟razor毫无优势！
比如前台页面里想显示一个Name，Razor的写法很简洁：
<div>@Name</div>
或者是<div>@Model.Name</div>
但Vue要在JS里先传进去@Name，然后再写New一个Vue再调用#div的Id，再渲染，我不知道这是吃饱了撑的没事干，还是Vue作者给我们加班和带动工作的机会？

...全文

Razor 简介 Razor 是一种由微软开发的标记语法，主要用于在 ASP.NET 网页中创建动态内容。它允许开发者将服务器端代码嵌入到 HTML 中，从而实现页面的动态渲染。Razor 语法的简洁性和易用性使其成为 Web 开发中非常受欢迎的视图引擎。阅读详情

中骑士

.NET社区 62,272 成员 668,968 内容

+ 关注 + 加入社区

切换为时间正序

加油馒头 2019-10-16

打赏
举报

引用 8 楼中骑士的回复:

谢谢大家，看了回复，还是没明白：你说vue就是前端，前端也得从后端取数据啊！！！ razor传数据（或者vue从后台ajax取数据）填写到一个变量里叫{{name}}，然后就在前端某处渲染了。如<div id="a">{{name}}</div> 我日，这么麻烦，我直接在前端直接@name不就结了？!!!<div>@ViewBag.Name</div> 我知道，要明白这些东东还是要自己在项目中自己去领会的，既然这也是一条不能直接得出答案的问题，还是先放弃，有机会再玩它吧。再等等回答，晚上结。

现在都是前后端分离了用razor只能前后端高度耦合在一起，就是这么个问题。。。

hwyqy 2019-10-01

打赏
举报

学习中，正在纠结vue和razor

正怒月神版主 2019-09-30

打赏
举报

楼主，你不能满脑子都是前后台绑定的思想。现在都是前后端分离。前台美工，人家不认识你razor使用的@name，更有甚者使用razor在前台写方法@{var q=方法()}。你让前台怎么玩啊？但是人家认识vue,认识js。人家直接请求webapi接口获取数据。根本不用关心你的razor语法。而你们既然使用.net mvc的razor引擎来解析，那么前后台就是绑定的，说白了这个和aspx是没有区别的。你就认为jquery+ashx这种，就是 vue+webapi的使用方式，只是前台框架不一样。但是你asp.net mvc和aspx控件，其实没什么区别。还是要刷刷刷，让后台渲染。

中骑士 2019-09-30

打赏
举报

谢谢大家，看了回复，还是没明白：你说vue就是前端，前端也得从后端取数据啊！！！ razor传数据（或者vue从后台ajax取数据）填写到一个变量里叫{{name}}，然后就在前端某处渲染了。如<div id="a">{{name}}</div> 我日，这么麻烦，我直接在前端直接@name不就结了？!!!<div>@ViewBag.Name</div> 我知道，要明白这些东东还是要自己在项目中自己去领会的，既然这也是一条不能直接得出答案的问题，还是先放弃，有机会再玩它吧。再等等回答，晚上结。

wanghui0380 2019-09-30

打赏
举报

N年前从XX园那波，这里就一直在问3层，mvc啊，mvvm啊，但我们一早就回复过，何处不3层，何处不mvc，何处不mvvm 所以，你别觉着你NX，就你net的3层叫3层，就你的asp.net mvc叫mvc，就你的wpf mvvm叫mvvm 人家前端其实早就如此了这才是真正的3层，真正的mvc，真正的mvvm。因为其实没有你，没有后端。人家也一样能把项目做完，因为人家一样仅仅靠js层就可以分层隔离，靠js层就可以action路由匹配触发，靠js层就可以mvvm。人家也是程序员，也是靠逻辑，靠脑袋吃饭的。

好奇都是要学的 2019-09-30

打赏
举报

引用 13 楼中骑士的回复:

我只是不知道VUE出现的理由是什么。就像如果我问react出现的理由，它的特点是组件化，否则都写在HTML里，如果你不嫌麻烦，完全可以不用react，我只是举个例子，当然react不是我理解的这么简单。但vue虽然也说组件化，但我没看出来，说它灵活，我还说Razor的@更灵活呢！解释因为要分工，所以分前后端，但没回答我的问题啊，对吧

上面只是我的理解。对错只代表我个人看法。其实写代码只要手上的东西能完成你需要的就好了，随着项目的多对框架的认识就越来越全面了

好奇都是要学的 2019-09-30

打赏
举报

引用 13 楼中骑士的回复:

我只是不知道VUE出现的理由是什么。就像如果我问react出现的理由，它的特点是组件化，否则都写在HTML里，如果你不嫌麻烦，完全可以不用react，我只是举个例子，当然react不是我理解的这么简单。但vue虽然也说组件化，但我没看出来，说它灵活，我还说Razor的@更灵活呢！解释因为要分工，所以分前后端，但没回答我的问题啊，对吧

如果你用Razor 来写程序，现在你定义了 @ViewBag.Name 这个东西，你前端HTML和 CSS也自己写，你拿来就用<div>@ViewBag.Name</div> 现在项目2个人做，你只负责服务端数据，你的合伙人负责 HTML和CSS。你俩如何沟通能让他随时知道你的定义的@ViewBag 里面的所有属性那？如果是5个人项目，一个服务端对应4个前端你又如何来做弄那。 VUE的出现得源于前后分离。开始的分离就是HTML+AJAX+服务端通信可能都是json。但是在JS和 JQ解析JSON的时候没办法模板化。要 json[行][列],而且在页面展示的时候还要循环拼装出来 for(i=0;i<json.legn;i++) { 拼装HTML } 页面某个控件的 INNERHTML= 拼装HTML 于是出来JQ的升级版吧。VUE 可以吧json模板化了就可以实现 <div>Model.Name</div> 这样服务端根本不用管 HTML 和CSS，只要和前端通信没问题就OK了

wanghui0380 2019-09-30

打赏
举报

引用 13 楼中骑士的回复:

我只是不知道VUE出现的理由是什么。就像如果我问react出现的理由，它的特点是组件化，否则都写在HTML里，如果你不嫌麻烦，完全可以不用react，我只是举个例子，当然react不是我理解的这么简单。但vue虽然也说组件化，但我没看出来，说它灵活，我还说Razor的@更灵活呢！解释因为要分工，所以分前后端，但没回答我的问题啊，对吧

那好在去理解一下mvc和mvvm，不是只有你neter，c#才有mvc和mvvm，人家js一样有。人家一样在前端写action路由，一样在前端写mvvm。真正把mvc，mvvm，响应式用好的，反而不是XX园叫的震天响的neter，真正把这些用好的反而是你们最瞧不起的javascripter

中骑士 2019-09-30

打赏
举报

17年喂了狗了哈哈

中骑士 2019-09-30

打赏
举报

我只是不知道VUE出现的理由是什么。就像如果我问react出现的理由，它的特点是组件化，否则都写在HTML里，如果你不嫌麻烦，完全可以不用react，我只是举个例子，当然react不是我理解的这么简单。但vue虽然也说组件化，但我没看出来，说它灵活，我还说Razor的@更灵活呢！解释因为要分工，所以分前后端，但没回答我的问题啊，对吧

游北亮 2019-09-30

打赏
举报

如你所说，直接用Razor输出html给浏览器，确实比较方便快捷，不考虑用户体验的情况下，甚至不需要懂js，浏览器收到的，全篇都是html+css就够了，就是体验会差一些，老是需要刷新页面。但是项目大了，你不能期望所有的后端，都完全熟悉html和css、js，所有的后端都是全栈工程师，而且用户界面变化的概率也更高，你不会希望：只改几个文字，也要后端重新打包编译发布吧？这就是为什么要有前端，vue就是前端开发框架。

游北亮 2019-09-30

打赏
举报

我也觉得，楼主这个17年，有点亏，17年都在做同一件事吧？你是做后端的？那为什么要分什么3层？直接在 Controller里，连接数据库读取数据就好了，多简单，为啥还要啥Model、仓储、服务层？还搞个鸟的IoC、Aop啊？小项目，想怎么搞都可以，但凡项目有一点规模了，就必然后端需要分工，前端也要分工。

jianghupt 2019-09-30

打赏
举报

你在CSDN 17 yeaer 是怎么混的 ? Razor 这种前段会被 .Net 编译成程序集，然后反馈为 html再显示，这是.net mvc 下面的一种结构模式 Vua 这种是直接生产html 调用JS,跟后端的 .Net 是毫无关系，这种是传统的开发模式简而言之，都是一种技术，这两种你选一种做前端就行了，区别就是需不需要靠后端运行。

正怒月神版主 2019-09-29

打赏
举报

至于你后面的什么传递@Name，在New。。。。这个都是你们项目自己的问题。 vue只要调用ajax或者axios访问wbapi就好了。哪来你说的这么麻烦。

正怒月神版主 2019-09-29

打赏
举报

。。。。说白了 razor还是绑定啊。

好奇都是要学的 2019-09-29

打赏
举报

razor 具体没操作过。但是很好理解啊，服务端渲染前端，也就是说一个人要干2个人活。你看下面的代码 <ul> @for (int i = 0; i < 10; i++) { <li>@i</li> } </ul> @for 是服务端在做的事拼装了 10行LI 。而vue 就是JS AJAX JQ，他跟服务端没关系的。

wanghui0380 2019-09-29

打赏
举报

就像你们天天的N层一样，原来人家的意思是说独立，分开。结果你们虽然嘴上说独立分开，但身体挺诚实把这些又纠结在一起。然后号称自己独立分开，你真分开了么？？？ razor是吧，你真分开了？请问你到底是C#，还是美工，还是前端，还是后端。你需要修改的时候，别人找谁？谁在加班。找美工么？找前端么？找后端么？最后都是找你这个写razor滴，没办法。美工不会razor，前端不玩razor，最后只能找你这个写C#的前后都玩的“大拿”去体现“不可或缺的优越性”了

wanghui0380 2019-09-29

打赏
举报

后端渲染跟前端渲染比优势？？？？ vue的优势很明显，那就是前端就是前端，他不必知道C#，java，不必去管说明razor，stuct。他就学H5，css，bootstrap，js就行。同样他的优势在于，单纯变UI，一个前端就可以搞定，所以一件简单的事情，没必要弄2，3个人去折腾。

楠小南 2019-09-29

打赏
举报

你觉得毫无优势那是因为你还没清楚他的应用场景和使用情况，
多点做做SPA应用就不会有这问题了

m0_38034077 2019-09-29

打赏
举报

两个不同的概念一个服务器渲染一个前端渲染能一样？ vue的组件化是mvc不能比拟的

同时懂vue和razor的请教个问题哈

相关推荐