首页技术文章正文

用vue构建用户界面有哪些好处？

更新时间:2022年02月12日18时09分来源:传智教育浏览次数:

前端开发者最主要的工作，就是为网站的使用者(又称为：网站的用户)构建出美观、舒适、好用的网页。vue的出现，逐渐替代了传统的jQuery + 模板引擎构建页面方式，逐渐成为在构建用户界面方面的主流开发框架。下面就来看一下与vue框架传统开发框架相比有哪些优缺点。

jQuery + 模板引擎构建页面

在传统的Web 前端开发中，是基于jQuery + 模板引擎的方式来构建用户界面的。

编写结构：

基于模板引擎技术，把数据渲染到页面上。

优点：初步解放了前端开发者，从此不用手动拼接字符串来渲染网页结构了。

缺点：1.需要定义大量的模板结构;2.缺少语法高亮和智能提示;3.数据变化时需要重新调

用模板编译的函数，否则页面结构不会更新;

美化样式：
基础CSS样式，美化网页的可视化效果。

处理交互：
基于jQuery技术，处理用户和网页之间的交互行为。

优点：屏蔽了DOMAPI之间的兼容性，提高了DOM操作的效率和体验。

缺点：当业务复杂时、数据变化频繁时，前端程开发者需要把大量的时间和精力浪费在DOM 的操作上，而不是核心业务的处理上。

使用 vue 构建用户界面，解决了 jQuery + 模板引擎的诸多痛点，极大的提高了前端开发的效率和体验。

编写结构：

基于vue中提供的指令，可以方便快捷的渲染页面的结构(乐不思蜀)。数据驱动视图(只要页面依赖的数据源变化，则页面自动重新渲染) 指令是vue为开发者提供的模板语法，用来辅助开发者渲染页面的结构。

美化样式：

基础CSS样式，美化网页的可视化效果。

处理交互：

基于vue中提供的事件绑定，可以轻松处理用户和页面之间的交互行为。开发者把工作的重心放在核心业务的实现上。

猜你喜欢：

什么是 vue-cli？怎样创建vue-cli项目？

上一篇：列表的排序过渡 下一篇：location对象有什么作用？Location有哪些应用场景？