什么是vue框架?

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

  • vue的特性
    vue 框架的特性,主要体现在如下两方面:
    数据驱动视图
    在使用了 vue 的页面中,vue 会监听数据的变化,从而自动重新渲染页面的结构。
    好处:当页面数据发生变化时,页面会自动重新渲染!
    注意:数据驱动视图是单向的数据绑定
    双向数据绑
    在填写表单时,双向数据绑定可以辅助开发者在不操作 DOM 的前提下,自动把用户填写的内容同步到数据源
    中。
    好处:开发者不再需要手动操作 DOM 元素,来获取表单元素最新的值

  • MVVM
    ① 了解MVVM
    MVVM 是 vue 实现数据驱动视图和双向数据绑定的核心原理。MVVM 指的是 Model、View 和 ViewModel,
    它把每个 HTML 页面都拆分成了这三个部分。
    在 MVVM 概念中:
    Model 表示当前页面渲染时所依赖的数据源。
    View 表示当前页面所渲染的 DOM 结构。
    ViewModel 表示 vue 的实例,它是 MVVM 的核心
    ②MVVM的工作原理
    ViewModel 作为 MVVM 的核心,是它把当前页面的数据源(Model)和页面的结构(View)连接在了一起。
    当数据源发生变化时,会被 ViewModel 监听到,VM 会根据最新的数据源自动更新页面的结构
    当表单元素的值发生变化时,也会被 VM 监听到,VM 会把变化过后最新的值自动同步到 Model 数据源

  • vue的版本
    当前,vue 共有 3 个大版本,其中:
    2.x 版本的 vue 是目前企业级项目开发中的主流版本
    3.x 版本的 vue 于 2020-09-19 发布,生态还不完善,尚未在企业级项目开发中普及和推广
    1.x 版本的 vue 几乎被淘汰,不再建议学习与使用
    总结:
    3.x 版本的 vue 是未来企业级项目开发的趋势;
    2.x 版本的 vue 在未来(1 ~ 2年内)会被逐渐淘汰

快速了解vue前端框架相关推荐

  1. 前端_快速入门Vue.js框架

    文章目录 快速入门Vue.js框架 0.前言 1.Vue.js框架 1.1.Vue简介 1.2.第一个Vue程序 1.3.el:挂载点 2.Vue指令 2.2.v-html 2.3.v-on 2.4. ...

  2. 2021 年 Angular vs. React vs. Vue 前端框架对比

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

  3. 14个适合后台管理系统快速开发的前端框架

    1.D2admin 开源地址:https://github.com/d2-projects/d2-admin 文档地址:https://d2.pub/zh/doc/d2-admin/ 效果预览:htt ...

  4. 使用Vue前端框架实现知乎日报app

    使用Vue前端框架实现知乎日报app 这是:主页代码 <template><view class="content"><view class=&quo ...

  5. vue前端框架有哪些

    vue前端框架有哪些 2022-02-23 · Worktile 项目协作工具 vue前端UI框架有:1.Element 2.iview 3.vuetify 4.vue-strap 5.cube-ui ...

  6. 分布式电商项目十四:Vue前端框架简介及使用

    Vue前端框架简介及使用 就像是后端我们使用springboot来进行开发一样,前端需要使用Vue框架进行开发.由于前端不是我们的主要内容,所以只介绍简单的使用内容.具体更深的内容请参考Vue的官方网 ...

  7. Element ui+vue前端框架组件主题美化后台管理系统模板html

    最新设计了一套Element ui主题模板 演示地址:Element ui+vue前端框架组件主题美化后台管理系统模板 Element ui版本号:2.15.12        vue版本号:2.7. ...

  8. Vue前端框架选型论述

    Vue前端框架选型论述 1. 前端3大巨头框架综述 React 起源于 Facebook 的内部项目,社区非常活跃,下载使用当前排行第一名,但是 React 的只能是半开源,在不涉及到 Faceboo ...

  9. 搭建vue前端框架或微信小程序vue框架步骤

    搭建vue前端框架或微信小程序vue框架步骤 1.下载node.js 下载地址:https://nodejs.org/en/download/ 查看node.npm版本,确保环境正确 node --v ...

最新文章

  1. awk数组命令经典生产实战应用拓展
  2. DD3D:基于预训练的单目3D目标检测
  3. 你所不知道的Python奇技淫巧
  4. 数组遍历——Vue.js
  5. postman json 中写注释_Swagger界面丑、功能弱怎么破?用Postman增强下就给力了!
  6. MongoDB Sharding 机制分析
  7. 新增汉字英文数字标点转区位码api
  8. anywhere 无法正常使用的问题--IP地址解析
  9. [大忌(。_。)]清明节外出
  10. UNR2 黎明前的巧克力
  11. 如何在word里面打对勾
  12. 排队队---排列组合之插空法与捆绑法
  13. 教程 | 用Python识别图片验证码中的文字
  14. 转:浅谈程序员的英语学习
  15. linux下生成ssh密钥并获取密钥
  16. Kali Linux 2016.1 x86 x64 安装 wine QQ
  17. 程序员修炼之道读后感1
  18. 哈工大软件构造lab2实验报告
  19. 孤岛效应_打破那些云安全孤岛
  20. html写的迷宫游戏,网页开发游戏,js实现游戏

热门文章

  1. Dynamic CRM IFD部署下设置ADFS 登录失效时间
  2. 4K工业级高清4进1出DP自动USB KVM多电脑切换器(MT-PK401)
  3. superset集成echarts--添加Line折线图
  4. php网页显示中文乱码的解决办法!
  5. TLS Client-initiated 重协商攻击(CVE-2011-1473)漏洞验证测试
  6. C# 使用SharpGL-Perspective和LookAt
  7. bd青鸟Java宠物商店2017
  8. 什么是大数据?大数据学习路线和就业方向
  9. BL0940电能计量 设计
  10. 《神雕侠侣》——一见杨过误终生,格格一笑很倾城