构建用户界面时,相对于传统方式,使用vue构建,有哪些优点呢?
——————在传统的 Web 前端开发中,是基于 jQuery + 模板引擎 的方式来构建用户界面的,其特点有:
- 结构方面
-
基于模板引擎技术,把数据渲染到页面上。
-
优点:初步解放了前端开发者,从此不用手动拼接字符串来渲染网页结构了。
-
缺点:1.需要定义大量的模板结构;2.数据变化时需要重新调用模板编译的函数,否则页面结构不会更新
- 样式方面
- 基础 CSS 样式,美化网页的可视化效果
- 交互方面
-
基于 jQuery 技术,处理用户和网页之间的交互行为。
-
优点:屏蔽了 DOM API 之间的兼容性,提高了 DOM 操作的效率和体验。
-
缺点:当业务复杂时、数据变化频繁时,前端程开发者需要把大量的时间和精力浪费在 DOM的操作上,而不是核心业务的处理上。
——————使用vue 构建用户界面,解决了 jQuery + 模板引擎 的诸多痛点,极大的提高了前端开发的效率和体验,他的特点有:
- 结构方面 基于 vue 中提供的指令,可以方便快捷的渲染页面的结构。
Ps:指令是 vue 为开发者提供的模板语法,用来辅助开发者渲染页面的结构。
-
样式方面 基础 CSS 样式,美化网页的可视化效果
-
交互方面 基于 vue 中提供的事件绑定,可以轻松处理用户和页面之间的交互行为。 基于数据驱动视图(MVVM)的设计思想,开发者不再需要操作任何 DOM 对象。 Ps:开发者把工作的重心放在核心业务的实现上