文件名称:MVVM:像MVVM这样的vuejs的实践
文件大小:151KB
文件格式:ZIP
更新时间:2024-05-21 13:34:24
JavaScript
MVVM 简单模拟框架实作 tags: JavaScript , Vuejs , MVVM 背景 某天闲来无事时,刚好搜寻到一篇介绍MVVM 的好文,仔细阅读后觉得收获颇多,决定将一些想法跟理解记录下来所诞生。 概要 将该篇文章所讲的主要概念转为我自己的理解并记录实作步骤。话不多说,动手开始吧。 何谓MVVM? 在实作之前,先简单提一下什么是MVVM ,它是一种软体设计架构的模式,会在Model及View之间建立一层ViewModel,来帮助Model及View之间的交互操作,可以简化开发的一些繁琐重复的动作。 Front End 与MVVM 有何关系? 在Front End开发上,撇除CSS不谈,最主要的工作就是将资料数据渲染在画面上,而在浏览器中,也配置有许多这类型的方法,统称为Element Methods ,这些methods在MVC的架构下,就是负责处理Model 与View 的
【文件预览】:
MVVM-master
----.gitignore(55B)
----web-component()
--------webc.min.js(5KB)
--------src()
--------README.md(6KB)
--------demo()
--------webc.js(12KB)
----2019 - v1.0()
--------jw-observer.js(1KB)
--------jw-watcher.js(1KB)
--------jw-compiler.js(5KB)
--------jw-mvvm.js(2KB)
----2020 - v2.0()
--------Compiler.js(7KB)
--------Observer.js(1KB)
--------Component.js(644B)
--------index.html(1KB)
--------VM.js(3KB)
--------Watcher.js(939B)
----2020 - v3.0()
--------viewmodel.js(2KB)
--------compiler.js(5KB)
--------demo()
--------renderer.js(607B)
--------reactive.js(4KB)
----vm-snabbdom()
--------.gitignore(37B)
--------.babelrc(223B)
--------package.json(435B)
--------src()
--------README.md(286B)
--------index.html(252B)
--------yarn.lock(223KB)
----2021-normal()
--------.gitignore(55B)
--------.babelrc(232B)
--------package.json(1KB)
--------src()
--------webpack.config.js(2KB)
--------index.js(782B)
--------config()
--------.eslintignore(13B)
--------index.html(737B)
----README.md(19KB)
----index.html(1KB)
----observer()
--------funcional-version()
--------index.js(2KB)
--------oop-version()