为什么说VUE没有完全遵循MVVM

最新推荐文章于 2023-03-01 17:57:14 发布
最新推荐文章于 2023-03-01 17:57:14 发布
阅读量604 收藏 4
点赞数 1
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_61945023/article/details/125906770
版权

MVVM是Model-View-ViewModel的简写，指的是模型-视图-视图模型，MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。

Vue的设计模式是只去改变数据，通过双向绑定，自动更新视图。

而Vue在组件提供了$refs这个属性，让Model可以直接操作View，违反了这一规定，所以说Vue没有完全遵循MVVM。

橙緒媛
关注
MVVM框架哪家强？基于Vue实现MVVM框架
2301_76484015的博客
04-21 586
要特别注意的是，在内部编写的JavaScript代码，需要用jQuery把MVVM的初始化代码推迟到页面加载完毕后执行，否则，直接在内执行MVVM代码时，DOM节点尚未被浏览器加载，初始化将失败。这里需要注意，vue.js是未压缩的用于开发的版本，它会在浏览器console中输出很多有用的信息，帮助我们调试代码。MVVM就是在前端页面上，应用了扩展的MVC模式，我们关心Model的变化，MVVM框架自动把Model的变化映射到DOM结构上，这样，用户看到的页面内容就会随着Model的变化而更新。
前端 Vue.js 和 MVVM 详细介绍
10-20
而Vue.js，是一个构建用户界面的渐进式JavaScript框架，它遵循了MVVM的设计原则，特别重视视图层的开发。 首先，了解MVVM架构模式的核心概念是很重要的。Model代表数据模型，它是应用的状态容器，用来存储数据，...
【vue回顾系列】01-记录一些对vue的理解，MVVM，特点，与原生对比，注意点
庞囧的博客
01-23 710
背景：web1.0-2.0时期，页面只是静态渲染，更新需要依赖于手动操作dom，比如JQ；web2.0时期，框架出现，数据驱动（vue的MVVM，react的setState）代替过去；model，数据层，比如data中的数据，vuex数据等，基本都是后端提供的。view，dom视图层，也就是用户界面。viewModel，视图数据层，通过数据层的数据的处理（例如dom监听，vue指令等），生成用于视图层展示的数据模型，也能通过视图层用户的交互，改变数据层的数据模型。
Jet.js:一款轻量级、渐进式的MVVM框架
yanxiaomu的博客
11-26 938
Jet.js:一款轻量级、渐进式的MVVM框架介绍图解一个基本的Jet实例 介绍 笔者今天介绍一款轻量级、渐进式的MVVM框架 Jet.js，详细使用和安装教程请点击这里 Jet不依赖任何第三方库，采用数据双向绑定，以数据驱动视图。 Jet可以在非服务器环境中开发，但是在非服务其环境中无法使用路由功能和jload属性以及无法使用完整的js模块规范。 Jet可以通过引入script标签的方式局部使用...
2021 最流行的十大 JS 框架，前三又换牌了，最值得关注的是 Svelte 和 Solid 的崛起！
前端GitHub
02-14 6367
大家新好呀，我是你们的 猫哥，那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~先来看看排行榜吧，知道一下目前最流行的项目都有哪些。React 首次成为头号 UI 框架，但如果我们考虑到 Vue.j...
vue学习笔记5----MVVM模型
qq_59954212的博客
08-17 183
vue中的MVVM模型
基于vue的MVVM框架的研究与分析
07-20
Vue.js 是一种流行的轻量级前端开发框架，它遵循MVVM（Model-View-ViewModel）设计模式，为开发者提供了一种高效且易用的方式来构建用户界面。Vue的核心特性包括组件化、响应式数据绑定、指令系统以及易于集成的生态...
基于VueBootstrap的一套MVVM组件简单易用功能强大
08-10
总结起来，这是一个基于Vue.js和Bootstrap的UI组件库，遵循MVVM模式，设计简洁、易于使用，同时具备强大的功能。开发者可以利用这个库快速构建现代化的前端界面，提升开发效率。为了更好地利用这套组件，需要掌握Vue...
vue,angular,avalon这三种MVVM框架优缺点
11-22
Vue.js是由尤雨溪老师创建的一个轻量级的MVVM框架，它主要关注ViewModel层，实现双向数据绑定将View和Model紧密连接。Vue.js通过Directives和Filters将DOM操作和数据格式化抽象化，提供了一个简洁的API来创建可复用...
mvvm mvvm mvvm js
02-24
- **React**：React是Facebook开发的库，虽然它本身不完全遵循MVVM，但配合Redux等状态管理工具，可以实现类似的效果，重点关注在组件化的视图构建。 - **Vue.js**：Vue.js是一个轻量级的MVVM框架，以其简单易用和...
vue - vue是mvvm模型吗？
qq_43886365的博客
03-01 651
Model；既是数据，主要负责业务数据相关； View；即是视图，展示给用户看的页面，细分下来就是html+css层； ViewModel；是连接界面View和数据Model桥梁，负责监听M或者V的修改，是实现MVVM双向绑定的核心；
为什么说vue没有完全遵循mvvm
bydaxiao的博客
10-28 831
为什么说vue没有完全遵循mvvm mvvm是指 模型-视图-视图模型，双向绑定，数据交互通过vm来实现 vue主题也是按照这样的设计模式的。只去改变数据。通过双向绑定，自动更新视图。 但是vue中添加了一个属性。ref 通过ref可以拿到dom对象，通过ref直接去操作视图。这一点上，违背了mvvm ...
面试-MVC和MVVM区别-Vue为什么没有完全遵守MVVM?
weixin_46873254的博客
09-09 787
面试-MVC和MVVM区别-Vue为什么没有完全遵守MVVM?MVC和MVVM区别前述MVC概述优缺点MVVM概述MVVM实现者 --- VueVue为什么没有完全遵守MVVM? MVC和MVVM区别 前述 首先, 这两种都只是一种思想, 一种设计模式 很多编程语言根据这种思想设计出了很多框架, 例如Java中的SpringMVC, 前端中的Vue、React、Angular等 MVC 概述 数据要渲染到视图上   定义一个模板引擎   得到数据   再将数据渲染到模板引擎中 视图操作控制器   
前端面试 vue 部分 (1)——谈谈你对 MVVM 的理解
weixin_39310325的博客
08-04 892
谈谈你对MVVM的理解 【答案】 MVVM 由 Model、View、ViewModel 三部分构成 Model 代表数据模型，也可以在 Model 中定义数据修改和业务逻辑； View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来； ViewModel 是一个同步View 和 Model的对象； [扩展问题]：为什么会出来MVVM 当业务程度越来越复杂时，MVC暴露出了很多问题，而MVVM就是为了解决这些问题出现的 当前端发展起来后，这时前端开发就暴露出了三个痛点问题：.
Vue.js 和 MVVM 小细节
dkjtyhj3671的博客
11-06 286
MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。 Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于View 层。它的核心是 MVVM 中的 VM，也就...
vue之mvvm的理解
wfly blog
10-16 1686
MVVM是什么：mvvm是Model-View-ViewModel的缩写，即模型-视图-视图模型。 Model：数据模型，后端传递的数据。 View：代表 UI 组件，它负责将数据模型转化成 UI 展现出来 ViewModel：是一个同步View 和 Model的对象。MVVM模式的核心，它是连接Model和View的桥梁。 为什么需要MVVM: 前端开发中暴露出了三个痛点问题： ...
Vue 和MVVM理解
一叶知秋
12-10 1115
初学vue刚开始语法不是太难。但后面项目上用到的时候、真的是一脸蒙蔽、不知道怎么调用、在哪调、各个组件、入口、router什么用。下面是对vue和MVVM的一些理解 1、说明： MVVM 是Model-View-ViewModel 的缩写，，核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，这就是数据双向绑定。 Vue...
Vue的基本代码和 MVVM 之间的基本关系
weixin_42436355的博客
04-17 599
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Document</title> <!-- 1.导入V...
Vue.js 是如何实现 MVVM 的？
这不是我的博客
01-04 405
框架到底为我们做了什么？ 数据和视图分离，解耦(开放封闭原则) 所有数据和视图不分离的，都会命中开放封闭原则 Vue数据独立在data里面，视图在template中 以数据驱动视图，只关心数据变化，dom操作被封装 使用原生js是直接通过操作dom来修改视图，例如ducument.getElementById('xx').innerHTML="xxx" 以数据驱动...
Vue 有没有完全遵循 MVVM 模型？
最新发布
03-26
Vue 可以说是一个基于 MVVM 模型的框架，但并不是完全遵循 MVVM 模型。在 Vue 中，View层由 Template 和渲染函数组成，Model 层通常使用 JavaScript 对象表示，而 ViewModel 层则是 Vue 的实例，是一个实际的应用程序组件，负责将 Model 层的数据绑定到 View 层的模板上并实现逻辑。而在传统的 MVVM 模型中，ViewModel 主要是由绑定器（Binder）和命令处理器 （Command Processor）两部分组成，使用数据绑定将 Model 和 View 连接起来，并且控制用户交互的行为。 因此，Vue 的实现并没有完全按照经典的 MVVM 模型，但是 Vue 在借鉴 MVVM模型的同时，也加入了一些自己的理念，比如自定义指令等，使得 Vue 更加灵活和易于使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值