前端:vue2+ 入门

最近想对产品前端进行优化,所以实验性质的编写了一些方法,如:‘body|{{div_10}}->param’,通过方法在body创建出10个div,相关业务处理和数据在param中保存,虽然写出来了个样子,但就是不自信,所以看看vue学习下

vue.js官方文档

 

1 vue.js能干什么?

现在网上有好多‘大牛’在博客天地里各种豪言,什么vue.js不过就是..,可以这样实现..,什么mvvm模式等等,其实博主也曾被这些人洗脑,所以在这里说下,框架不是越难越好,这些人说的越放肆,在另一个层面也是对vue.js的一种认可。

闲话不多说,进入正题:

1.单页面开发中,不同模块的切换需要写事件来处理,如show、none等

使用vue.js后:改变data中的数值,自动帮你处理显示隐藏

2.有个很复杂的功能需要配合后端传过来的数据进行生成(多层菜单),前端的做法是先 生成 静态元素,然后需要根据数据格式解析来实现动态生成

使用vue.js后:在创建的静态元素上添加关键属性,自动生成元素并将数据写入到指定地方

3.产品因为客户的需求经常来回修改一些功能或样式,比如客户A觉得左右布局好看菜单用手风琴,客户B又是另外一种,这时候为了完成需求经常会写成多个版本的界面,然后指向页面的地址也需要修改

使用vue.js后:通过修改data中的数据实现不同的展现(上述问题css玩的好的可以一个class改变,但这里的处理还包括功能)

.....

说的再好也似叫卖,具体情形还需要读者自行观看文档并在实践中运用体会

 

2 vue.js的优点与缺点

优点:【个人理解的优点,其他优点自行百度】

前端演化过程(个人理解): 静态页面(html) ——》动态交互页面(jsp,ajax)——》框架化组成页面(jsp,ajax,框架)

其中静态页面因为可用性差被动态交互页面取代,元素也渐渐被动态生成取代,最明显的对比例子就是Extjs了,用了这个框架之后基本不用写元素,但这带来的问题是:固定化,维护成本高(需要懂得框架在业务的运用、函数等,懂这些的人工资比小白高得多)

vue.js则很好的避过了这些问题,虽然在对业务有很好的支撑,但搭建规则简单,可用性强,将动态因素包含在元素中,这才是叫view-model的原因

 

缺点:

多层嵌套下for循环要写多次,没提供简单的嵌套调用处理

 

3 入门

同学看下官方文档吧,简单易懂全面,会html基本知识一上午就能很好的运用vue,js,这里也不想把别人有的东西copy过来

 

so,博文就到这了!!!

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章