download：Vue3+Nuxt3打造SSR网站利用，0到1实现服务端渲染

备：https://www.97yrbl.com/t-1376...

库和框架的区别

咱们所说的前端框架与库的区别？
Library
库，实质上是一些函数的汇合。每次调用函数，实现一个特定的性能，接着把控制权交给使用者
代表：jQuery
jQuery这个库的外围：DOM操作，即：封装DOM操作，简化DOM操作
Framework
框架，是一套残缺的解决方案，应用框架的时候，须要把你的代码放到框架适合的中央，框架会在适合的机会调用你的代码
框架规定了本人的编程形式，是一套残缺的解决方案
应用框架的时候，由框架管制所有，咱们只须要依照规定写代码

次要区别

You call Library, Framework calls you
外围点：谁起到主导作用（管制反转）

框架中管制整个流程的是框架
应用库，由开发人员决定如何调用库中提供的办法（辅助）
好莱坞准则：Don't call us, we'll call you.
框架的侵入性很高（从头到尾）

MVVM的介绍

MVVM，一种更好的UI模式解决方案
从Script到Code Blocks、Code Behind到MVC、MVP、MVVM - 科普
MVC
M: Model 数据模型（专门用来操作数据，数据的CRUD）
V：View 视图（对于前端来说，就是页面）
C：Controller 控制器（是视图和数据模型沟通的桥梁，用于解决业务逻辑）
MVVM组成
MVVM ===> M / V / VM
M：model数据模型
V：view视图
VM：ViewModel 视图模型

劣势比照

MVC模式，将应用程序划分为三大部分，实现了职责拆散
在前端中常常要通过 JS代码 来进行一些逻辑操作，最终还要把这些逻辑操作的后果当初页面中。也就是须要频繁的操作DOM
MVVM通过数据双向绑定让数据主动地双向同步

`V（批改数据） -> M
M（批改数据） -> V`
数据是外围
Vue这种MVVM模式的框架，不举荐开发人员手动操作DOM
Vue中的MVVM
尽管没有齐全遵循 MVVM 模型，Vue 的设计无疑受到了它的启发。因而在文档中常常会应用 vm (ViewModel 的简称) 这个变量名示意 Vue 实例
学习Vue要转化思维
不要在想着怎么操作DOM，而是想着如何操作数据！！！
**起步 - Hello Vue
装置：npm i -S vue**
<!-- 指定vue治理内容区域，须要通过vue展现的内容都要放到找个元素中 通常咱们也把它叫做边界 数据只在边界外部解析-->

<div id="app">{{ msg }}</div><!-- 引入 vue.js --><script src="vue.js"></script><!-- 应用 vue --><script>  var vm = new Vue({    // el：提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载指标    el: '#app',    // Vue 实例的数据对象，用于给 View 提供数据    data: {      msg: 'Hello Vue'    }  })</script>