Дисциплины - Проектирование динамических страниц с помощью фрэймворка Vue.js

Запросы на бэкенд - Использование Axios в форме авторизации

В 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.

Количество комментариев: 0

Для того, чтобы оставить коментарий необходимо зарегистрироваться


Изображения Видео

1. Изображения, стили и файл JSON с данными https://disq.us/url?url=https%3A%2F%2Fgithub.com%2Fdanielkellyio%2Fvue-4-router-course-starter-files%2Farchive%2Frefs%2Fheads%2Fmain.zip%3AVL_V_RMWqj0IZyNcJWGjv4lMY7U&cuid=4942816
2. Bitcoin JSON https://api.coindesk.com/v1/bpi/currentprice.json
3. Vue-router https://www.vuemastery.com/blog/vue-router-a-tutorial-for-vue-3/
4. Vue 3 by Example https://github.com/PacktPublishing/-Vue.js-3-By-Example
5. Vue3 example https://github.com/mikhalkevich/vue_course
6. Vue_admin https://github.com/mikhalkevich/vue_admin
7. VueAxiosProject https://github.com/mikhalkevich/VueAxiosProject