Как импортировать данные из PHP (My SQL) в приложение vuejs

Question

В настоящее время я работаю над мобильным веб-приложением для заказа еды в качестве своего проекта. Поскольку это мой самый первый проект в области веб-программирования, я надеюсь, что смогу получить некоторую ясность. На данный момент мне удалось доработать дизайн-часть проекта. Я смотрю, как импортировать данные бэкэнда из PHP и MySQL в приложение vuejs (как пользовательский интерфейс / пользовательский интерфейс). Я искал различные посты по этому поводу, но все еще не могу понять.

Что мне нужно искать при импорте данных из PHP с MySQL в приложение VueJS? В данных бэкэнда он содержит данные, такие как питательные вещества, холестерин и жиры и т. Д. c, а также изображения, как данные бэкэнда (будут контролироваться шеф-поварами, поскольку каждый день еда будет отличаться и обновляться по сравнению с другими дней). Поэтому с этими данными я планирую импортировать эти данные в приложение.

Я заранее благодарен за совет по преодолению этого препятствия.

Answer 1

Vue. js - это интерфейсный javascript фреймворк, поэтому он отображает только HTML, CSS и Javascript в браузерах. Вы действительно не можете импортировать данные, как в бэкэнде, который мы делаем.

Так что это означает, что вам нужно использовать API / сервис и получать данные и отображать их.

Вы можете использовать Vue Ax ios, Vue -Ресурс для выполнения HTTP / Ajax запросов и получения результата.

Пример:

    <ul>
       <li v-for="user in users">{{ user.first_name }}</li>
    </ul>

    getUsers(){
        this.axios.get("https://reqres.in/api/users").then((response) => {
            this.users = response.data.data;
        });
    }

Answer 2

вам нужно сделать restpi для вызова на стороне интерфейса (vuejs), используя библиотеку ax ios. Вы можете увидеть базовый c пример PHP, MySQL и vuejs веб-приложения. https://morioh.com/p/7a2ac36f37cc или, если вы хотите с помощью laravel, вы можете проверить эту ссылку https://vuejsdevelopers.com/2018/02/05/vue-laravel-crud/