首页 > 其他分享 >Vue简介

Vue简介

时间:2022-09-05 01:11:35浏览次数:58  
标签:Vue 框架 简介 vue 版本 数据 页面

1.什么是vue

官方给出的概念:Vue(读音/vju/,类似于view)是一套用于构建用户界面的前端框架

  1.构建用户界面

    用vue往html页面中填充数据,非常的方便

  2.框架

    框架是一种现成的解决方案,程序员只能遵守框架的规范,去编写自己的业务功能

    要学习Vue,就是在学习vue框架中规定的用法

    vue的指令,组件(是对UI结构的服用)、路由、Vues、vue组件库

2.Vue的特性

vue框架的特性,主要体现在如下两方面:

  1.数据驱动视图

    数据的变化会驱动视图自动更新

    好处:程序员只管把数据维护好,那么页面结构会被vue自动渲染出来

  在使用了Vue的页面中,vue会监听数据的变化,从而自动重新渲染页面的结构。示意图如下:

 

 

  2.双向数据绑定

    在网页中,form表单负责采集数据,Ajax负责提交数据

    js数据的变化,会被自动渲染到页面上

    页面上表单采集的数据发生变化的时候,会被VUE自动获取到,并更新到js数据中

  在填写表单时,双向数据绑定可以辅助开发者在不操作DOM的前提下,自动把用户填写的内容同步到数据源中。示意图如下:

  

 

 3.MVVM

MVVM是vue实现数据驱动视图和双向数据绑定的核心原理。MVVM指的是Model、View和ViewModel,它把每个HTML页面都拆分成了这三个部分,如图所示:

 

 

4.VUE的版本

当前,VUE共有3个大版本,其中:2.X版本的vue是目前企业级项目开发中的主流版本

3.x版本的vue于2020-09-19发布,生态还不完善,尚未在企业级项目开发中普及和推广

1.x版本的vue几乎被淘汰,不在建议学习与使用

总结:

3.X版本的vue是未来企业级项目开发的趋势;

2.X版本的vue在未来(1~2年内)会被逐渐淘汰;

 

标签:Vue,框架,简介,vue,版本,数据,页面
From: https://www.cnblogs.com/funkyd/p/16656643.html

相关文章

  • VUE构建
    VUE渐进式JavaScript框架易学易用基于标准HTML、CSS和JavaScript构建,提供容易上手的API和一流的文档。性能出色经过编译器优化、完全响应式的渲染系统,几乎不......
  • vue3项目-小兔鲜儿笔记-商品详情页01
    1.基础布局完成商品详情基础布局,路由配置,搭好页面架子  2.渲染面包屑编写一个钩子函数useGoods.js,将面包屑获取数据的逻辑抽取出来。//拿到商品信息import{......
  • jQuery和Vue入门
    jQueryjQuery:别人写好的js文件*********jquery中所有东西都是函数:jQuery的放啊发名称:first获取名称的第一个元素名称:last获取名称的最后一个元素*$(documen......
  • vue纯前端导入导出excel
    vue纯前端导入导出excel我们有时会遇到在前端实现导入/导出excel的需求这里直接推荐两个现成的vue导入导出excel的库,他们是基于xlsx封装的https://www.npmjs.com/packa......
  • 前端学习之------浏览器兼容(vue)
    1、vue支持所有兼容ES5的浏览器,IE8及以下的浏览器不支持IE5特性,所以IE8及以下的浏览器都不支持vue。2、Babel插件:IE浏览器不支持ES6语法,Babel插件的作用就是把ES6语法转为......
  • vue3——hook函数
    什么是hook?——本质是一个函数,把setup函数中使用的CompositionAPI进行了封装。类似于vue2.x中的mixin。自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂......
  • vue3——生命周期
    vue2.x的生命周期:  Vue3.0中可以继续使用Vue2.x中的生命周期钩子,但有有两个被更名:beforeDestroy改名为beforeUnmountdestroyed改名为unmountedVue3.0也提......
  • vue3——watchEffect函数
    watch的套路是:既要指明监视的属性,也要指明监视的回调。watchEffect的套路是:不用指明监视哪个属性,监视的回调中用到哪个属性,那就监视哪个属性watchEffect有点像comp......
  • Mybatis学习笔记(一)——简介
     1.Mybatis是什么MyBatis是一个开源、轻量级的数据持久化框架,是JDBC和Hibernate的替代方案。MyBatis内部封装了JDBC,简化了加载驱动、创建连接、创建statement......
  • Vue的钩子函数(路由守卫,keep-alive,生命周期)
    说到Vue的钩子函数,可能很多人只停留在一些很简单常用的钩子(created,mounted),而且对于里面的区别,什么时候该用什么钩子,并没有仔细的去研究过生命周期钩子:这一比较简单但......