vue3指导教程（附带获取屏幕可视区域宽高）

一、从vue2到vue3

        vue3.0 向下兼容 vue2.x 版本，优化了主要核心双向绑定原理和体积大小，并且更加友好的兼容 ts 语法。vue3是基于ES6新增的proxy代理实现的。

1.1 vue3的特点

• 新增了组合式api
• 更接近原生js
• 更加解耦（收到react启发）
• 按需加载

1.2 与vue2的区别

        相同点：生命周期基本一致、与vue2的模板语法基本一致、与vue2的选项基本一致data methods computed watch等。

        不同点：启动方式不同、全局方法挂载不一样、vue3可以拥有多个根节点、生命周期卸载不同、vue3新增部分 setup()在组件挂载前运行。

二、vue3的安装使用

        win+R，输入cmd打开命令窗口，按照以下步骤进行安装。

2.1 安装脚手架

npm i @vue/cli -g 

2.2 创建项目

vue create mv3 //mv3为项目名称

2.3 手动安装

2.4 进入并运行项目服务器

cd /mv3
npm run serve

三、vue3生命周期

        Vue3中继续使用Vue2中的生命周期钩子࿰