美文网首页
Vue原理「十」-- 组件化和MVVM ***

Vue原理「十」-- 组件化和MVVM ***

作者: loushumei | 来源:发表于2020-11-17 21:19 被阅读0次

组件化

很久以前的组件化:

  • asp jsp php 已经有组件化了
  • nodejs 中也有类似的组件化
  • 传统组件,只是静态渲染,更新还要依赖于操作DOM

现在的组件化:

  • Vue 通过 MVVM 实现数据驱动视图
  • React 通过 setState 实现数据驱动视图

MVVM 数据驱动视图 *****

在这里插入图片描述

什么是MVVM ?
简单来说,就是 数据驱动视图

view 视图层- DOM
Model 数据层- vue组件的data数据
viewModel 监听事件、监听指令,在视图和数据绑定器之间进行通信。

视图层 的点击事件、DOM事件 通过 viewModel层 的监听 可以修改数据层中的数据;
数据层修改数据,通过 viewModel 可以修改视图层

相关文章

  • Vue原理

    vue原理相关 Vue核心概念 vue实例化 虚拟dom 模板编译 数据绑定(响应式) 组件化 MVVM mode...

  • Vue原理「十」-- 组件化和MVVM ***

    组件化 很久以前的组件化: asp jsp php 已经有组件化了 nodejs 中也有类似的组件化 传统组件,只...

  • 组件化,mvvm,循环引用原理,js交互

  • vue原理相关

    Vue核心概念 vue实例化 虚拟dom 模板编译 数据绑定(响应式) 组件化 MVVM model和view层通...

  • vue学习笔记

    一、思想介绍 设计思想MVVM,数据绑定原理:Vue.js:轻量高效的前端组件化方案-CSDN.NET 入门介绍文...

  • Vue.js + cube-ui 高仿饿了么 App 项目学习笔

    1.Vue.js介绍 MVVM框架MVVM 什么是Vue.js1,它是一个轻量级的MVVM框架2,数据驱动+组件化...

  • 2020前端面试题二之vue

    1、vue与react的区别 vue和react的区别 两者本质的区别:模板和组件化的区别 Vue本质是MVVM框...

  • react和vue区别

    两者本质的区别:模板和组件化的区别Vue本质是MVVM框架,由MVC发展而来;React是前端组件化框架,由后端组...

  • vue原理

    Vue原理 未经允许 禁止转载 MVVM 数据驱动视图 传统组件只是静态渲染,更新还要依赖于操作DOM vue M...

  • 第6节 React表单详解 约束性和非约束性组件 input

    一、React不是一个MVVM的框架,VUE属于MVVM框架; 二、约束性组件和非约束性组件 2.1非约束性组件 ...

网友评论

      本文标题:Vue原理「十」-- 组件化和MVVM ***

      本文链接:https://www.haomeiwen.com/subject/lgmfiktx.html