vue前端框架简介（web前端框架——Vue的特性）

目录

前言： 

一.vue

二.特性

1.轻量级

2.数据绑定

3.指令

4.插件

三.比较Angular     
    
    
    
、React     


     


     


     


  、Vue

框架之间的比较

1. Angular

Angular的优点：

2. React

React 的优点：

3.vue

3.Vue的优点：

前言： 

本篇文章将介绍Web前端：比较Angular 




 




 




 




 
、React    

   

   

   

、Vue三大前端框架 

和vue的特点 

一.vue

Vue是尤雨溪编写的一个构建数据驱动的Web界面的库   
    
    
    
  ，准确来说不是一个框架


     


     


     


     
，它聚焦在V(view)视图层    
    
    
    
。

二.特性

轻量级的框架  双向数据绑定  指令  插件化

1.轻量级

Angular的学习成本高 




 




 




 




，使用起来比较复杂   

   

   

   

 ，而Vue相对简单     

     

     

     

 、直接

     

     

     

     ，所以Vue使用起来更加友好    


     


     


     


  。

2.数据绑定

Vue是一个MVVM框架
  




  




  




  




，数据双向绑定  


  


  


  


，即当数据发生变化的时候 
     
     
     
     ，视图也就发生变化

   




   




   




   



，当视图发生变化的时候 



 



 



 



，数据也会跟着同步变化                     ，这也算是Vue的精髓之处




 




 




 




 
。尤其是在进行表单处理时


    




    




    




    


，Vue的双向数据绑定非常方便   

   

   

   

。

3.指令

指令主要包括内置指令和自定义指令



















，以“v-   
    
    
    
  ”开头                     ，作用于HTML元素     

     

     

     

 。指令提供了一些特殊的特性


     



     



     



     

， 将指令绑定在元素上时



















，指令会给绑定的元素添加一些特殊的行为




  




  




  




  。 例如   
    
    
    
  ，v-bind动态绑定指令




  




  




  




  、v-if 条件渲染指令
  


  


  


  


、v- for列表渲染指令等
  


  


  


  


。

4.插件

插件用于对Vue框架功能进行扩展


     


     


     


     
，通过MyPlugin.install完成插件的编写 




 




 




 




，简单配置后就可以全局使用     
     
     
     
。常用的扩展插件有vue-router     
     
     
     
、Vuex 等 




   




   




   




   。

三.比较Angular 




   




   




   




   、React 

 



 



 



 


、Vue

React 成为前端框架竞赛的领跑者   

   

   

   

 ，将 Angular 远远甩在后面

 



 



 



 


。但更重要的是

     

     

     

     ，Vue 成为收益最大的一个
  




  




  




  




，它以良好的增长和大量下载增加了其在市场中的份额                    。

框架之间的比较

1. Angular

Angular 是由 Google 开发的开源                    、免费的 Javascript 框架  


  


  


  


，在前端框架方面被认为是最好的框架之一  




    




    




    




   。

Angular的优点：

1.在 Angular 中开发应用程序非常容易




















。

2.Angular 可以将单个块分配到多个块中 
     
     
     
     ，因此

   




   




   




   



，开发人员可以轻松地单独对组件进行操作                    。

3.Angular 享有大量社区支持 



 



 



 



，因为它是可用的最古老的框架   



     



     



     



   。

4.由于它具有基于组件的结构                     ，因此可以再次使用其组件




















。

5.Angular 的编程质量非常高


    




    




    




    


，因此给程序员带来了良好的编程感觉    
    
    
    
。

6.它由内置功能组成    


     


     


     


  。

2. React

React 是由 Facebook 开发并由大型用户和开发人员社区维护的 Javascript 库




 




 




 




 
。React 从发布之日起就在大众中广为人知   

   

   

   

。React 的主要特性之一是使用虚拟文档对象模型 (DOM)     

     

     

     

 。DOM 是 HTML 中节点的基本表示




  




  




  




  。它使用一个名为 JSX(Javascript XML)的扩展



















，它允许用户在 React 中编写 HTML                     ，这使得编写应用程序变得容易
  


  


  


  


。

如果你了解 Javascript 的基础知识


     



     



     



     

，React 的编码很简单



















，并且 React 的替代版本(例如 React Native)用于开发移动应用程序     
     
     
     
。此外   
    
    
    
  ，这些 Javascript 库通过实现可重用代码来帮助提高性能 




   




   




   




   。

React 的优点：

1.它有许多工具允许开发人员使用它并进行更改

 



 



 



 


。

2.React 享有良好的社区支持


     


     


     


     
，开发人员和用户不断为它做出贡献以保持其相关性                    。

3.React 有一个简单的学习曲线 




 




 




 




，它不需要复杂的学习来编码  




    




    




    




   。

4.它具有高效率和灵活性




















。因此   

   

   

   

 ，它的性能提高了                    。

3.vue

Vue 是用于改进网页界面的 Javascript 框架的众多前端框架之一   



     



     



     



   。Vue 是六年前发布的

     

     

     

     ，由谷歌前开发人员 Evan You 开发




















。20KB 的 Vue 是最轻量级的框架
  




  




  




  




，它带来了无臃肿的体验    
    
    
    
。

3.Vue的优点：

1.Vue 是最轻的框架  


  


  


  


，只有 20KB 
     
     
     
     ，而且工作简单    


     


     


     


  。

2.它很容易与其他编程语言集成




 




 




 




 
。

3.在 Vue 上工作更容易

   




   




   




   



，因为它具有简单的学习曲线   

   

   

   

。

4.由于体积小 



 



 



 



，Vue 提供了更快的性能     

     

     

     

 。

5.用户已经开始切换到它而不是其他选项




  




  




  




  。

6.它有很好的文档
  


  


  


  


。

比较的所有三个框架都很好                     ，但是你更喜欢什么完全取决于你的项目需求的具体需求     
     
     
     
。每个框架都有自己的一组优点和缺点


    




    




    




    


，它们的使用取决于你希望如何使用这些前端框架 




   




   




   




   。