请选择 进入手机版 | 继续访问电脑版

vue和原生js的优点分析

[复制链接]
奋斗在韩 发表于 2021-1-1 10:33:22 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
许多多年履历的步伐,习惯了使用原生html和js来开发前端页面,对于许多没用过vue的步伐员来说,以为vue没有须要。
我们的这篇文章,资助各人分析vue相对原生js的优缺点,vue的一些利益如下:
一、控件跟数据自动绑定,可以直接使用data里面的数据值来提交表单,而不需要再使用$("#myid").val()那一套方法来获取控件的值,对控件赋值也方便许多,只需要改变data的值,控件就会自动改变值。将复杂的界面操纵,转化为对数据进行操纵。
比如下面的一段代码就可以很简朴的实现了select控件的里面的列表的动态管理:
html代码:
  1.   
复制代码
js代码:
  1. data(){    return{    mType:'',    enums:[{value:0,label:'正常'},{value:1,label:'拉黑'}]  }}
复制代码
二、页面参数通报和页面状态管理。
页面传值对于vue来说,可供选择的方法非常多。比如使用子组件实现,通过对props属性传值;也可以使用页面url参数的方法传值;或使用vuex全局状态管理的方法页面传值等等。而原生开发的时候,在页面有多个参数的时候,页面传值和初始化,要复杂许多。而vue直接将参数生存在对象里面,直接给子组件的属性或vuex存储一个对象就行了,比如 , 这样就可以将userinfo传到自界说组件。
三、模块化开发、无刷新保存场景参数更新
比如一个列表页面里面有添加功能,有修改功能,这时候我们可以通过引用子组件的形式,当子组件内容更新的时候,修改主组件的数据,比如修改了一条数据后,我们需要列表页同时刷新,但我们不希望改变原来列表页的页码和搜索条件。如果你用原生开发来实现这个,需要写许多业务逻辑生存上一个页面的搜索条件和页码这些参数,但如果你用vue开发,将变得非常简朴。
 
四、代码的可阅读性
vue天生具有组件化开发的本领,因此差别的功能根本都是写在差别的模块里面,因此代码的可阅读性非常高。当一个新手接办一个旧项目的时候,根本上可以做到一天就能定位到要修改的代码,进行修改,快速接办项目。
 
五、基于强大的nodejs,添加新的组件库,根本一句npm下令就能安装,比如当我需要使用axios组件的时候,直接npm install axios安装一下,就可以使用axios这个组件。熟悉maven的同学估计很容易就能理解npm工具。
 
六、主路由、子路由、主页面、子组件的方式,可以让我们彻底扬弃iframe。写过前端的同学都知道,因为iframe的滚动条、和子页面跟其他页面的交互性这些原因、用户体验照旧远远没有单页面架构友好。而且使用vue非常简朴方便的实现系统菜单、导航等固定布局。
 
七、各子组件样式不辩论:各个组件之间,可以使用相同的样式名,但有差别的样式属性。比如组件A和组件B的button都绑定了class="btn", 但在两个组件里,我们可以实现两个差别的btn样式属性,互不影响。
 
vue的不敷:
固然,vue也有不敷,不敷的地方如下:
一、vue是单页面页面,对于搜索引擎不友好,影响seo.因此不适合做公司官网。比如两个vue路由(页面),它的路径是这样的:index.html#aaa  和 index.html#bbb,但对于搜索引擎来说,都是同一个页面,就是index.html。这样搜索引擎就无法收录你的页面。
 
二、vue门槛较高,使用vue,需要先学习和探索vue大概3天左右的时候,发起使用vue的时候,不需要看node.js自动帮你生成的js文件。你只需要编写你自己页面的代码就行了。详细nodejs帮你生成的框架代码,其实是不消看的。
 
 
 
 

来源:https://blog.csdn.net/handsome0916/article/details/111945558
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )