时间戳

首页 > 解决方案 > 如何将 PHP(My SQL) 中的后端数据导入 vuejs 应用程序

php - 如何将 PHP(My SQL) 中的后端数据导入 vuejs 应用程序

问题描述

我目前正在开发一个基于网络的食品订购移动应用程序作为我的项目。由于这是我在网络编程方面的第一个项目，我确实希望我能够获得一些清晰的信息。目前，我已经成功完成了项目的设计部分。我正在研究如何将后端数据从 PHP 和 MySQL 导入 vuejs 应用程序（作为前端/用户端）。我已经寻找了有关它的各种帖子，但我仍然无法理解。

将 PHP with MySQL 中的数据导入 VueJS 应用程序时，我需要寻找什么？后端数据中包含营养、胆固醇、脂肪等数据，加上图片，作为后端数据（由厨师控制，每天的食物与其他日子相比会有所不同和更新）。因此，有了这些数据，我确实计划将这些数据导入应用程序。

我很欣赏提前解决这个障碍的建议。

标签： phpmysqlvue.jsfrontendbackend

解决方案

Vue.js 是一个前端 javascript 框架，因此它只在浏览器中呈现 HTML、CSS 和 Javascript。你真的不能像我们在后端那样导入数据。

这意味着您需要使用 API/服务并获取数据并显示它。

您可以使用Vue Axios、Vue-Resource发出 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;
        });
    }

推荐阅读