当前位置: 首页 > news >正文

vue3.js的介绍

一.vue.js简述

Vue是一套用于构建用户开源的MVVM结构的Javascript渐进式框架,尤雨溪在2015年10月27日发布了vue.js 1.0Eavangelion版本,在2016年9月30日发布了2.0Ghost in the Shell版本,目前项目由官方负责

vue的核心只关注图层,不仅对新人友好,易上手,还便于与第三方库或既有项目整合。同时,与当代现代化工具链以及各种类库结合使用时,vue也能完全成为复杂的单页应用提供驱动。vue是一套JavaScript框架。所谓渐进式框架,就是把整个项目架构分层设计,层级之间相互独立,而且层级内容可以灵活替换相同的方案。vue具体层级设计,

二.什么是MVVM架构

Vue一大特点就是采用了MVVM模型实现响应式系统。MVVM能够将图形用户界面的开发与业务逻辑的开发分开来,他们三者关系如下


 

从图可以看出,MVVM模式的核心是数据的双向绑定,当用户操作View时,ViewModeel层能够感到数据发生变化,会自动更改并通知Model改变数据。反之,当Model内容一旦发生变化ViewModel也会通知View变化,从而修改页面渲染。就这样ViewModel在其中起到了承上启下的作用,通过声明式的数据绑定实现View和Model的完全解构 

三、Vue官方介绍
vue的开发者是一位很牛逼的大神,名字叫尤雨溪,在2015带领团队开发了Vue.js1.0版本,后来呢在2016年发布了2.0Ghost in the Shell版本。该项目由Vue.js3.0官方团队维护

Vue一开始并不是框架,而随着一些Vue router、Vue resource的第三插件推出,Vue.js已经成为一款框架了。

Vue,它是一款轻量级MVVM框架,主要是数据驱动+组件化的前端开发。包括Vue在Github上也是特别火的。

Vue的官方地址。Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org)

大家有兴趣可以去看一看

四、对比Angler、React

一个是 UI 库(React),另一个是成熟的前端框架(Angular),而其中最年轻的(Vue)则可以称之为渐进式框架。

你可能是一个 React 开发者,可能是一个 Vue 开发者,也可能是一个只专注于技术的 Angular 开发者。不过,你还是不能忽视开发社区不断进行的框架比较。有充分的理由认为:他们三个框架,一个是 UI 库(React),另一个是成熟的前端框架(Angular),而其中最年轻的(Vue)则可以称之为渐进式框架。每一个框架都拥有一些独特的优势和性能指标。正是这些不可忽略的优势和指标,我们不能不对这三种框架进行对比分析。

这几个框架都是基于组件的框架,都有快速创建 UI 的功能。大部分时间,它们可以相互替代来用于构建前端应用。然而它们并非 100% 相同。

五.最后

所谓的大神不是一天两天能够走完,需要循循渐进,一步一步,掌握新时代潮流技术,才能够不被淘汰,祝每一个IT人员技术越来越牛,不管是生活还剩工作都是顺顺利利的,加油。

http://www.lryc.cn/news/38918.html

相关文章:

  • 【Three.js】shader特效 能量盾
  • 【6000字长文】需求评审总是被怼?强烈推荐你试试这三招
  • Hive介绍及DDL
  • Simulink 自动代码生成电机控制:在某国产ARM0定点MCU上实现自动代码生成无感电机控制
  • MySQL基本查询
  • 你需要知道的 7 个 Vue3 技巧
  • 行政区划获取
  • 让ChatGPT介绍一下ChatGPT
  • 【Redis】Redis 主从复制 + 读写分离
  • 2023届秋招,鬼知道我经历了什么
  • ChatGPT助力校招----面试问题分享(一)
  • CSS媒体查询@media (prefers-color-scheme:dark)判断系统白天黑夜模式
  • 运行YOLOv8实现识别
  • 如何在Linux中优雅的使用 head 命令,用来看日志简直溜的不行
  • Nginx.conf 配置详解
  • 剖析NLP历史,看chatGPT的发展
  • 20个Python使用小技巧,建议收藏~
  • Kafka 主题管理
  • 【深度学习】GPT系列模型:语言理解能力的革新
  • 【Vue.js】全局状态管理模式插件vuex
  • JPA 之 Hibernate EntityManager 使用指南
  • 英语作文提示(持续更新)
  • 【计算机组成原理】计算机的性能指标、数据的表示和运算、BCD码和余3码
  • 三天吃透MySQL八股文(2023最新整理)
  • 队列_23约瑟夫问题+_24猫狗收容所
  • gradle
  • [牛客]链表中倒数第k个结点
  • English Learning - L2 语音作业打卡 双元音 [eɪ] [aɪ] Day14 2023.3.6 周一
  • C++ this 指针与静态成员
  • REDIS16_LRU算法概述、查看默认内存、默认是如何删除数据、缓存淘汰策略