首页 > 原创文章 > 软件开发 > 查看文章

做网站用H5好还是用VUE好?

所属分类:软件开发 来源: 丁老师原创 更新时间:2025-11-25 19:50 浏览: 4351 IP属地: 深圳
高端网站开发 网站设计制作

今天有同学问,要做一个网站,技术方面是用html5呢还是用vue呢?丁老师给你解答。
其实,用html5和用vue,都可以做网站,但是就架构适用性来说,html5和vue有不同的特点。

html5做网站的优点:
1.快速开发,上手简单,不需要打包,即改即用。
2.利于网站的SEO(搜索引擎优化),各种元标记更适合搜索引擎的抓取和收录。
3.便于维护,维护成本低,只要懂html代码就可以修改网站,即使是0知识的小白也可以用记事本修改html代码。

html5做网站的的不足:
对于后端来说,后期如要扩展小程序、APP等其他端软件,后端需要额外写服务接口,等于是届时多了一道工序。

vue做网站的优点:
1.可以利用开源框架,快速搭建网站。
2.对于后期的小程序、APP等软件扩展,可以无缝对接。后端写一个接口,全部终端通用。

vue做网站的不足:
1.上手复杂,相比html,需要nodejs、vue2、vue3语法等更多的专业技能。
2.不利于SEO(搜索引擎优化)。不管是采用ssr技术,使用服务端或客户端渲染,总体的seo方案是远远不如html便捷的。
3.所开发程序,首次打开速度慢(首次需要渲染全部程序)。
4.结构化不如html清晰。
5.维护成本高、不便捷,vue前端页面的每次调整,都要重新打包、部署。

近日,丁老师还收到一个需求,有一位同学,原有的公司网站使用vue开发的,但是体积庞大,太不利于seo了,并且每次修改都要打包,打包完后打开网页,首次加载速度还很慢:

1119256756 拷贝a.jpg

综上所述,vue更适合做管理系统、小程序、APP做传统的网站,还是建议使用h5更好

标签:

相关文章

php拼装sql语句,换行查询出错的问题解决

在php代码中,遇到复杂的sql语句,需要拼装sql语句,如:$sql='id 10;' $sql=' and( status in(1,2,3,4,5) and id not in (select id fro...

如何删除idea软件搜索时的find mas...

在使用idea系列的配套软件时,如intellij idea、Php Storm、Web Strom时,在搜索文件时,右上角的file mask可以筛选指定类型的文件。但是有时候可能会输入错误,产生多个记录,而且没办法删除,在以后的开发...

安装fastadmin提示“你所浏览的页面暂...

安装fastadmin,打开后提示"你所浏览的页面暂时无法访问",无法安装,是因为程序的runtime没有写权限,需要对runtime目录,添加写权限。解决方法:windows:右键目录,写入按钮打勾。如果不行,在“...

Javascript复制对象改变原值的解决办...

在进行vue开发中,经常会遇到复制对象,赋值新对象后,原对象值被改变的问题,举个例子:let old={ "a":1, "b":2 } let new=old; new['c']=...

推荐文章

微信小程序开发生成普通二维码打开小程序的方法

在开发微信小程序的过程中,生成的是带有logo的小程序二维码,并且这个二维码不是通用的二维码,而是只能用微信打开的专属二维码,如图:遇到这样一个需求,生成的二维码要方形的通用二维码,并且不能带有小程序的logo。这种该怎么实现呢?经过查询,...

Mysql 1267 Illegal mix...

这个问题,用普通sql语句查询,好解决,把表的字符编码改为对应的就可以了。 但在使用视图查询时,比如select 'aaa' as type from xxx; select * from view where type=...

百度编辑器ueditor自动添加p标签换行的...

在实际工作中发现,有个编辑器每次保存或者修改后,都会自动在内容顶部和底部增加几行,烦人的很,一直找不到解决办法。后来发现原来是自己代码的问题。解决办法:内容在textarea中,不要换行不要写成:<textarea{content} ...

Hbuilder开发APP时,找不到真机的解...

正确的USB连线,其次打开开发者选项、USB调试,这些都是老生常谈,就不说了。在确保以上操作无误后,如果还找不到真机,关闭IDE,然后去adb的目录下,即HBuilderX\plugins\launcher\tools\adbs,把adb....