zs小满vue3-第一章 vue3 概述

3,564 阅读1分钟

原作者笔记: 学习Vue3 第一章_小满zs的博客-CSDN博客_vue3小满

note:

  1. vue的优势:上手简单
  2. vue的整体架构: MVVM, view ViewMpdel Model
  3. vue2 和 vue3 的对比: options api 和 composition api (支持封装hooks) 4.** vue3 新特性 **

重写双向绑定 vue2 基于 Object.defineProperty vue3 基于Proxy

vue3 优化dom 在Vue2中,每次更新diff,都是全量对比,Vue3则只对比带有标记的,这样大大减少了非动态内容的对比消耗

image.png

image.png 可以看到,动态的会打上标记

image.png

vue3 Fragment

<template></>

同时新增了Suspense teleport  和  多 v-model 用法

vue3 Tree shaking 良好

Vue 3 Composition Api

Setup 语法糖式编程 

例如 ref  reactive watch computed toRefs toRaws