前情提要：

在刚接触到vue时，总会出现几个名词：渲染、挂载、热更新等等，所以到底应该怎么去理解呢？
以及引申到一些设计模式的知识，可以顺便了解。

Vue渲染方式

Vue中的渲染方式个人总结可分为4种:

原有模板语法，挂载渲染

使用render属性，createElement函数直接渲染

使用render属性，配合组件的template属性，createElement函数渲染

使用render属性，配合单文件组件，createElement函数渲染

超详细的Vue渲染原理讲解

MVVM、MVP和MVC
MVVM，即model、view、view-model，业务层、视图层以及两者的绑定层。Vue的设计参考了MVVM架构，但不完全是一个MVVM框架，因为它没有严格意义上的绑定层。

MVVM要求开发者将业务层和视图层分开：业务层负责管理数据；视图层负责页面渲染；绑定层负责双向绑定，即视图层操作通过绑定层影响业务数据，业务数据的变化通过绑定层影响视图渲染，这三层是完全解耦的：

MVVM模式参考自MVP模式，而两者都是借鉴自经典的MVC模式。先来说说MVVM和MVP的差异。

开发者需要定义当变量变化时如何更新视图，以及获取到用户输入时如何更新变量，这两者加起来就是它的Presenter层实现。这种方式也可以实现视图和业务逻辑的同步，但显然，MVP的控制层逻辑要比MVVM的声明式绑定写起来复杂得多，所以MVP模式基本上已经被MVVM代替。

vue和react渲染的区别是什么？

区别：
1、React是通过JSX渲染模板；而Vue是通过一种拓展的HTML语法进行渲染。
2、Vue在渲染过程中，会跟踪每一个组件的依赖关系，不需要重新渲染整个组件树；而React在应用的状态被改变时，全部子组件都会重新渲染。

知乎文章：
https://zhuanlan.zhihu.com/p/100228073

react和vue该选哪一个?

挂载

挂载一词来自操作系统的概念，原意是虚拟文件系统与硬件驱动建立关系，通过操作虚拟文件系统，间接操作真实的文件。打个比方，u盘操作的实质是通过虚拟文件系统建立与真实u盘文件的映射关系，用户操作的文件增删改查都是针对虚拟文件目录，虚拟文件系统会处理真实的文件操作。u盘真实文件系统与虚拟文件系统建立关系的过程，叫做挂载。回到浏览器上，虚拟dom与真实dom建立关系的过程，也可以称作挂载。因为都是“虚拟”与“真实”建立联系，用户操作“虚拟”部分。

vue组件挂载与html加载区别,vue中的挂载是什么意思?

将组件渲染，并且构造 DOM 元素然后塞入页面的过程称为组件的挂载。

热更新

有个脱俗且有趣的解释

就是说

你的卡车开到了150KM/H

然后，有个轮胎，爆了

然后，司机说，你就直接换吧，我不停车。你小心点换

嗯。就这个意思

vue是响应式的,设计模式是observer pattern(观察者模式)

面向对象23种设计模式

日常开发中常用到哪些设计模式

Java笔记：SpringBoot热部署与热加载

深入解析spring中用到的九种设计模式

极力推荐这一篇文章设计模式的文章，举例清晰。

Vue学习疑问：你一口一个渲染、挂载所以到底应该怎么理解？相关推荐

狂神说 vue学习笔记
vue学习笔记文章目录 vue学习笔记一.第一个vue程序 1. 什么是MVVM 2. 为什么要使用MVVM 3.直接新建项目 4.导入vue.js 5.简单绑定元素 6 vue的声明周期二.V ...
vue学习笔记之：为何data是一个方法
vue学习笔记之:为何data是一个方法在vue开发中,我们可以发现,data中的属性值是在function中return出来的.可为何data必须是一个函数呢?我们先看官方的解释: 当一个组件被定 ...
Vue学习计划十：了解Vue服务器渲染以及Vue-SSR使用方法
Vue.js 是一个流行的前端框架,它提供了一些有用的功能,例如组件化.虚拟 DOM 和响应式数据绑定.然而,在某些情况下,仅仅使用客户端渲染(Client-side Rendering)可能会带来一 ...
Vue学习笔记：Element时间控件设置某一个日期禁止选择
Vue学习笔记:Element时间控件添加一段时间禁止选择需求:时间控件,当天之前禁止选择,某一个日期的之前时间禁止选择文档: 代码实现:在时间控件上添加 :picker-options=&quo ...
Gavin小黑屋——Vue 学习笔记：生命周期特点（先渲染HTML标签再渲染数据）
Vue基础生命周期特点(先渲染HTML标签再渲染数据) 目录 Vue基础生命周期特点(先渲染HTML标签再渲染数据) 一.Vue生命周期 Vue 的生命周期总共分为8个阶段:创建前/后,载 ...
后端小白程序员的Vue学习笔记
文章目录写在前面 Vue 一.什么是 Vue 二.相关技术栈前端后端关于前后端分离三.入门使用 3.1.Hello,Vue 3.2.Mustache 语法 3.3.插值操作 3.4.属性绑定 ...
Vue 学习第八天
Vue 学习第八天 1. 了解了回掉函数的使用,了解了文件的读取, 2.Promise 函数讲解 console.dir(Promise) //Promise 函数讲解 //1.其是一个构造函数,既 ...
Vue 学习第六天学习笔记
Vue 学习第六天学习笔记 1.webpack 使用复习第一步:先建立文件夹. 第二步,用webpack将其初始化,建立管理.npm 的包管理工具管理起来, npm init -y .注意{查 ...
Vue学习笔记进阶篇——Render函数
本文为转载,原文:Vue学习笔记进阶篇--Render函数基础 Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML.然而在一些场景中,你真的需要 JavaScript 的完全编 ...

Vue学习疑问：你一口一个渲染、挂载所以到底应该怎么理解？

前情提要：

Vue渲染方式

超详细的Vue渲染原理讲解

vue和react渲染的区别是什么？

挂载

vue组件挂载与html加载区别,vue中的挂载是什么意思?

热更新

面向对象23种设计模式

日常开发中常用到哪些设计模式

Java笔记：SpringBoot热部署与热加载

深入解析spring中用到的九种设计模式

极力推荐这一篇文章设计模式的文章，举例清晰。

Vue学习疑问：你一口一个渲染、挂载所以到底应该怎么理解？相关推荐

最新文章

热门文章