ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Vue简介

2022-09-05 01:33:52  阅读:150  来源: 互联网

标签: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,版本,数据,页面
来源: https://www.cnblogs.com/funkyd/p/16656643.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有