Vue.js连接数据库并插入数据

以下是我的学习总结：

要求：在vue页面输入用户名和密码进行登陆，用户名和密码数据保存到数据库

需要工具/软件：

1. 安装XAMPP

2. 安装Vue.js
   
   
   1-1：建立PHP站点
   

   1-2：创建数据库
   

   1-3：php连接数据库
   备注：连接方式为模块化
   （步骤一）
   
   （步骤二）
   

   2-1：创建Vue站点
   

   2-2：创建组件-链接数据库
   备注：组件调用为模块化
   
   2-3：加载组件
   备注：组件调用为模块化
   
   2-4：在App.vue引入组件
   
   最终效果：