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>