# Vue3

**Repository Path**: yileng/Vue3

## Basic Information

- **Project Name**: Vue3
- **Description**: Vue3版本学习笔记及练手项目
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-01-16
- **Last Updated**: 2023-03-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, vue-router4, vuex4

## README

# 介绍

Vue3版本学习笔记及练手项目等

## 1.Vue3特性

1.性能比vue2块1.2-2倍
2.按需编译体积更小
3.组合API，类似ReactHooks
4.更好的TS支持
5.暴露自定义渲染API
6.更先进的组件

## 2.vue3如何变快

diff方法优化：
 vue2虚拟DOM全量对比
 vue3新增[静态标记](https://blog.csdn.net/csl125/article/details/115600401)，与上次虚拟节点对比只比较有flag的节点

hostStatic静态提升：
 vue2无论元素是否参与更新每次都重新创建
 vue3对于不参与更新的元素只会被创建一次，之后每次渲染时被不停的复用

事件侦听器缓存：

ssr渲染：

## 3.创建vue3项目的三种方式

Vue-cli
webpack
Vite(vue作者开发的取代webpack的工具)

## 4.安装vite并创建项目

[vue3中文文档](https://v3.cn.vuejs.org/)
`npm install -g create-vite-app`
`create-vite-app ProjectName`

## 5.注意事项

Vue3的项目请使用`Volar`插件并停用`Vetur`插件,Vue2项目则相反。