首页>>后端>>java->vue框架还在用吗(vue框架难不难)

vue框架还在用吗(vue框架难不难)

时间:2023-11-29 本站 点击:0

个人网站主页一般用vue吗

个人网站主页一般不用vue。国内的如下网站用了vue框架:bilibili掘金B站,简书,微信的开发文档网站。Vue只关注视图层,采用自底向上增量开发的设计,Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。个人网站主页一般不用。

为什么学习Vue框架??

vue框架算是最近前端开发很好的工具。可以突破以前所没有实时更新页面。很有发展前景,很多大公司现在正在使用。

Vue框架诞生于2014年,其作者为中国人——尤雨溪,也是新人最容易入手的框架之一,不同于React和Angular,其中文文档也便于大家阅读和学习。Vue用于构建交互式的Web界面的库,是一个构建数据驱动的Web界面渐进式框架,该框架遵循CMD规范,并且提供的设计模式为MVVM模式(Model-View-View-Model)和一个可组合的组合型组件系统,具有简单的、灵活的API(接口)。该框架继承了React的虚拟DOM技术和Angular的双向数据绑定技术,是一款较新的功能性框架。

在这里介绍下什么是虚拟DOM和双向数据绑定:

1、虚拟DOM(Virtual DOM),顾名思义,从字面上理解就是虚构的DOM树,当我们用传统的原生API或者jQuery去操作DOM时,浏览器会从构建DOM树开始从头到尾执行一遍流程。即使计算机硬件一直在更新迭代,但是操作真实DOM的代价仍旧很昂贵,真实的DOM节点,哪怕是一个最简单的div也包含很多属性,所以频繁的操作,会导致页面卡顿,影响用户的体验。为了解决这个浏览器性能问题,虚拟DOM(Virtual DOM)就被设计出来了,其核心算法是Diff算法。它会将一次操作过程中对真实DOM所有更新的diff内容保存到本地的一个js对象中,最终将这个js对象一次性attach到DOM树上,通知浏览器去执行绘制工作,避免了大量的无谓的计算量。

用js对象模拟DOM节点的好处是:页面的更新可以先全部反应在js对象上,操作内存中的js对象的速度明显要快的多。等更新完成后,在将最终的js对象映射成真实的DOM,交由浏览器去绘制。(提高了性能,并且运行速度快)

2、双向数据绑定,在讲双向数据绑定前,我们要想说下单向数据绑定,单向数据绑定,就是把Model绑定到View上,当我们用JavaScript代码更新Model时,View就会自动更新了(Model--View)。那么双向数据绑定就是,用户更新了View,Model的数据也会自动被更新(Model--View)。什么情况下用户可以更新View呢?举个最直接的例子,填写表单,当用户填写表单时,View的状态就被更新了,如果此时MVVM框架可以自动更新Model的状态,那么就相当于我们把Model和View做了双向数据绑定。其原理是我们要对input进行value 的属性绑定(v-bind:value=”...”)将Model中的变量绑定到View上(Model-View)以及当用户对input进行操作时,进行事件监听(v-on:input=”...”)将View上的更新传回Model中(View-Model)从而实现双向数据绑定,在Vue中,以上操作过于繁琐,便提供了v-model直接实现双向数据绑定的效果。

在进行Vue项目开发过程中,我们可以通过script标签引入式写法来引入vue或者是nodejs自带的包管理工具npm安装vue。并且通过new Vue()进行新建一个Vue的实例对象,其下有很多属性,包括el、data、methods、computed、watch等等,el为指向页面的节点元素,data存储数据,数据类型包括simple datatype(简单数据类型)以及complex datatype(复杂数据类型),用插值表达式{{}}显示,在插值显示的时候,不需要写上data,methods内存储方法,通过fn()的形式调用方法,computed内存储也是方法,但是其为计算数据,复杂逻辑的应该存储在computed中,计算属性是基于它们的依赖进行缓存的,由于computed带有一层缓存,所以只有在它的相关依赖发生改变时才会重新运行,而methods则是调用一次生成一次,computed中的方法调用时不需要加()的,watch为监听,监控,监听data中的属性值也可以监控对象,存在两个参数(currentValue当前值和prevValue之前值)。

vue会消亡吗

Vue.js是由前谷歌员工Evan You创建的,他的目标是开发一个框架,集成现有框架的最佳特性。

Vue是一套用于构建用户界面的渐进式框架。

Vue被设计为可以自底向上逐层应用。

Vue的核心库只关注视图层,易上手,便于和第三方库或既有项目整合。

现代化的工具链和各种类库结合使用,Vue也更适合做复杂的单页面应用SPA(SinglePage Web Application)

Vue 在国内前端市场确实占据着越来越大的市场份额,或者说在前端扮演者越来越重要的地位了。

之所以 Vue 比其他两个框架 (Angular 和 React) 在国内火,我感觉原因很简单:

是中国人开发的,有中文文档,API 文档全面,学起来方便。

相比于 Angular 和 React,Vue 确实上手非常容易,门槛确实很低。

在众多小型创业公司中 Vue 的上手教学成本低,以致于受到很多中小型创业公司的吹捧。

Vue 在国内的生态圈也越来越完善,各种 UI 框架和围绕 Vue 的开源项目层出不穷。

所以Vue是不会消亡的

为什么大公司很少用vue?

具体如下:

1、对于创业公司一般起步的产品都是信息类(比如知乎、微博、商城类,并没有太多对底层硬件的依赖的应用)的ios+安卓客户。

用vue类的框架可以做出spa页面,然后只需要套壳就可以生成ios/安卓客户端,同时只需要维护一套代码即可,大大缩短了上线时间,对于创业公司可谓下对了药,要知道创业初期老板最着急上线的。

2、weex to native对于已经有成熟的互联网公司,他们更看重的是用户体验,自然对产品的流畅程度有了更高的要求,套壳应用的性能受所在手机的浏览器性能的影响。

在复杂操作的页面自然不能和原生比,好消息是随着前端技术的不断探索,借助node.js前端们可以让js生成ios/安卓的代码,比如阿里的weex,fb的react-native都可以直接用原生js的语法生成原生应用,这里的weex就是淘宝用vue的api设计的。

Vue.js的目标是通过最简单的API实现相应的数据绑定和组合的视图组件。

它不仅易于上手,而且还便于与第三方库或既有项目整合。另一方面,当与单文件组件和Vue生态系统支持的库结合使用时,Vue也完全能够为复杂的单页应用程序提供驱动。

Vue.js自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js也能完美地驱动复杂的单页应用。

vue这么烂还有人用

没有用。

Vue3上的AntDesign包更小,感觉更轻,并且支持SSR还包括组合API,AntDesign拥有成熟的复杂组件,如数据表、统计框、pop确认、模态和弹出窗口。AntDesignVue在GitHub上拥有15k颗星,每周下载量为49k,数据已经说明了它的受欢迎程度。

BalmUIBalmUI已经发布了他们的9.0版本了,该版本支持Vue3。Balm基于谷歌的MaterialDesign,这就是为什么它看起来很熟悉。Balm附带Vue插件和指令,以及从简单到复杂的高度可定制的组件。


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/java/783.html