jQuery和Vue的区别

1.jQuery首先要获取到dom对象,然后对dom对象进行进行值的修改等操作
2.Vue是首先把值和js对象进行绑定,然后修改js对象的值,Vue框架就会自动把dom的值就行更新。
3.可以简单的理解为Vue帮我们做了dom操作,我们以后用Vue就需要修改对象的值和做好元素和对
象的绑定,Vue这个框架就会自动帮我们做好dom的相关操作
4.这种dom元素跟随JS对象值的变化而变化叫做单向数据绑定,如果JS对象的值也跟随着dom元素的
值的变化而变化就叫做双向数据绑定


用一个简单的例子来说明编写Jquery和Vue上的不同
修改文字


点击按钮后:

jQuery和Vue的区别_第1张图片


改为

 

jQuery和Vue的区别_第2张图片

 

(1)jQuery代码

 

 

  
  
  
      
      
  
  

大家好,我是张三!

我是一名医生.

 

 

 

 

 

(2)Vue代码

 

 





Vue



大家好,我是{{name}}!

我是一名{{jop}}.

 

爱奇艺视频入口(主讲vue和react):

https://www.iqiyi.com/u/1603445999/videos

 

 

 

 

 

 

 

你可能感兴趣的:(web前端,前端技术分享)