Vue3.0中setup函数的两种用法如何具体实现和区别？

本文共计1127个文字，预计阅读时间需要5分钟。

目录 + 前言 + 一、setup函数的特性及作用 + 二、setup函数的注意事项 + 注意事项1：用法1：结合ref使用 + 注意事项2：用法2：代码分割 + 总结 + 前言 + 本文主要介绍了vue3.0中setup函数的使用，通过两种用法向读者介绍setup函数的基本应用。

目录

• 前言
• 一、setup函数的特性以及作用
• 二、setup函数的注意点：
• 用法1:结合ref使用
• 用法2：代码分割
• 总结

前言

这篇文章主要介绍了vue3.0中setup使用，本文通过两种用法给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

什么是setup

setup是vue3新增的生命周期函数，setup的加入就是为了让vue3使用组合式API（Composition API）。使用组合式API更符合大型项目的开发，通过setup可以将该部分抽离成函数,让其他开发者就不用关心该部分逻辑。

setup真香

setup位于beforeCreated之前,用于代替created 和beforeCreated。不仅是作为vue3新增的生命周期函数，还可以在setup中引入外部js文件方法，可在js中共用vue全部生命周期。