【Vue-01】MVVM数据双向绑定与Vue的生命周期

优质创作者: Java技术领域

2023-09-18 15:07:01

http://t.csdn.cn/Knb2Y 欢迎大家前来支持，互3🫰

...全文

454 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

Vue是一个渐进式的JavaScript框架，用于构建用户界面。"渐进式"意味着Vue的设计理念是逐步增强应用的功能和复杂性，而不是一次性地引入所有功能。这使得开发者可以根据项目需求选择性地使用Vue的不同特性和功能。

1.体积小：压缩后33k左右，体积小意味着下载速度很快。 2.更高的运行效率：基于虚拟dom，一种预先通过javascript进行各种计算，把最终的DOM操作计算出来并进行优化的技术。所谓虚拟dom指的是对真实dom的一种模拟。相对于直接操作真实dom，我们构建一棵虚拟的dom树，将各式数据和操作直接应用到这颗虚拟的dom树上，然后再虚拟的树修改应用到真实的dom树中，有助于减少dom的操作次数，带来性能上的提升，可以频繁的操作虚拟节点，然后一定时刻一次性的同步修改到真实dom节点。3.双向数据绑定

`Vue 的 MVVM（Model-View-ViewModel）模型是一种用于构建用户界面的设计模式。`它将应用程序的模型（Model）、视图（View）和视图模型（ViewModel）进行了明确的分离，使得开发和维护更加简单和高效。

目录 1.Vue定义 2. 库和框架的区别 3. MVVM数据双向绑定 4，什么是CDN加速？ 5，vue生命周期 6，案例 1.Vue定义 Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架 Vue渐进式框架的核心概念为：组件化，MVVM，响应式，和生命周期 官网：https://cn.vuejs.org/ 2. 库和框架的区别 2.1 库(Library)，本质上是一些函数的集合。每次调用函数，实现一个特定的功能，接着把控制权交给使用者 ...

MVVM框架网上都能找到好多说明的，比如Vue是当下最火之一，俗话说没吃过猪肉还没见过猪跑吗？我今天非但要吃还要挑好的吃、吃到爽，嘿嘿！于是乎我最近就花了不少时间来学习vue的源码，然后自己写来试试，说实话直接看源码比较难受，因为源码处理各种逻辑、涉及到各种情况，条条框框一大堆，我就抓住它的主线把代码先写出来，也算是半抄半写了，费了不少时间，但好歹是写了个雏形出来，也算安慰吧，放到网上大家一起交流！至于mvvm的原理网上有一大堆，我也就不复制了，没劲！这次主要完成了什么东西呢？向大家汇报一下（首

萌新成长乐园

11,727

社区成员

77

社区内容

发帖

与我相关

我的任务

开源笔记经验分享个人社区广东省·广州市

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章