本文介绍了从Vue2过渡到Vue3时遇到的挑战，主要关注Vue3的Composition API与Options API的区别。强调了`setup`函数的执行时机、数据返回以及在表单验证中的应用。通过示例展示了如何在Vue3中使用`ref`创建响应式对象，以及如何定义和触发登录验证方法。最后，强调将相关属性和方法通过`return`暴露在外层以供使用。
刚开始用vue3的时候确实不习惯，全部放在setup（）这个方法里实现，首先你要区分vue2和vue3的区别，也就是Options API与Composition API 的区别。 data、methods、mounted、computed、watch 等等用来定义属性和方法，共同来处理页面逻辑，我们把这种方式称为 Options API。组合式api 就是一个功能所定义的 api 会放在一起。
敲黑板划重点：
（1）setup会在 creted 之前执行，相当于beforeCreate
（2）setup 数据和方法需要return才能使用
（3）setup函数里面的数据不是响应式的
form表单代码
setup函数里面的代码
这一步很重要：const loginForm=ref(null);
//
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
