> 文章列表 > Vue核心特性以及和传统开发有什么区别?

Vue核心特性以及和传统开发有什么区别?

Vue核心特性以及和传统开发有什么区别?

一、Vue核心特性

1、响应式

响应式:这也就是vue.js最大的优点,通过MVVM数据驱动思想实现数据的双向绑定,通过虚拟DOM让我们可以用数据来操作DOM,而不必去操作真实的DOM,提升了性能。且让开发者有更多的时间去思考业务逻辑。

2、组件化

组件化:把一个单页应用中的各个模块拆分到一个个组件当中,或者把一些公共的部分抽离出来做成一个可复用的组件。所以组件化带来的好处就是,提高了开发效率,方便重复使用,使项目的可维护性更强。

3、指令系统

指令系统:是带有v- 前缀的特殊属性。当表达式的值改变时,将其产生的影响,响应式地作用于DOM

常用的指令:

条件渲染指令 v-if                列表渲染指令v-for

属性绑定指令v-bind             事件绑定指令v-on

双向数据绑定指令v-model

缺点:基于对象配置文件的写法,也就是options写法,开发时不利于对一个属性的查找。另外一些缺点,在小项目中感觉不太出什么,vuex的魔法字符串,对ts的支持。兼容性上存在一些问题。不利于seo;导航不可用,如果一定要导航需要自行实现前进、后退。(由于是单页面不能用浏览器的前进后退功能,所以需要自己建立堆栈管理);初次加载时耗时多
 

二、 Vue跟传统开发的区别

① Vue所有的界面事件,Vue基本不操作DOM,都只去操作数据;而Jquery需操作DOM;

② Vue所有界面的变动,都是根据数据双向绑定出来的;而Jquery是通过操作DOM出来的;