💟💟前言
​
友友们大家好，我是你们的小王同学😗😗
今天给大家打来的是 VUE3核心语法
希望能给大家带来有用的知识
觉得小王写的不错的话麻烦动动小手 点赞👍 收藏⭐ 评论📄
小王的主页：小王同学🚗
小王的gitee：小王同学🏩🏩
小王的github：小王同学💦

​

OptionsAPI 与 CompositionAPI

• vue2的API设计是Options(配置)风格的
• vue3的API设计是Composition风格的

OptionsAPI的弊端

Options类型的API，数据，方法，计算属性等。是分散在data、
methods、computed中的，若想新增或者修改一个需求，就需要分别修改：data、methods、computed，不便与维修和复用！！

CompositionAPI的优势

可以用函数的方式，更加优雅的组织代码，让相关功能的代码更加有序的组织到一起。

setup概念

setup是vue3中一个新的配置项，值是一个函数，他是CompositionAPI
表演的舞台，组件中所用到的：数据、方法、计算属性、监视等等
均配置在setup中

• setup函数返回的对象中的内容，可直接在模版里使用
• setup中访问this是undefined
• setup函数会在beforeCreate前调用，它是领先所有钩子执行的

vue3是支持写多个根标签的

​

vue2的data 跟method是选项式API

setup中的this是undefined!!