В Composition API логику получения и обработку ответов сервера приняно выносить в отдельные функции внутри опции setup
, которая выполняется перед созданием компонента, сразу после разрешения входных параметров props, и служит точкой старта для Composition API. Для получения ответов бэкенда необходимы либо колбэки, либо промисы, либо асинхронные функции. Пример асинхронной функции:
import axios from "axios"; import {ref} from "vue"; import {useRouter} from "vue-router"; export default { name: "AuthRegister", setup(){ const user_name = ref(''); const email = ref(''); const password = ref(''); const password_confirmation = ref(''); const router = useRouter(); const submit = async () => { //console.log(user_name, email) const response = await axios.post('register',{ name: user_name.value, email: email.value, password: password.value, password_confirmation:password_confirmation.value }); } return { user_name, email, password, password_confirmation, submit } } }
Обратите внимание, что вызовается axios.post
асинхронно, с помощью await
.
Практика