一、从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 手动安装
文章来源：https://www.toymoban.com/news/detail-437926.html
2.4 进入并运行项目服务器
cd /mv3
npm run serve三、vue3生命周期
Vue3中继续使用Vue2中的生命周期钩子ÿ文章来源地址https://www.toymoban.com/news/detail-437926.html
到了这里，关于vue3指导教程（附带获取屏幕可视区域宽高）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
