打开vue3+elem-puls +form的正确姿势

刚开始用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);

// 触发登录方法

    const handleLogin = () => {

      loginForm.value.validate((valid) => {

        if (valid) {

                里面是你的请求                

}

}）}

 return {

      handleLogin,

      rules,

      loginUser,

      loginForm

    };

把全部return暴露出去就好

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！