Vue.js连接php调用数据
Vue.js连接php调用数据
以下是我的学习总结,我尽量说的详细一些,部分步骤较多,可能会所有省略。
需要软件工具:
- 安装Vue.js: 是一套用于构建用户界面的渐进式框架
- 安装Xampp:(Apache+MySQL+PHP+PERL)是一个功能强大的建站集成软件包
思路示意图:
php步骤如下:
测试包/工具:
备注:如需要文件请留言
一、建立php站点
二、连接数据库
三、打开xampp
四、设置端口号
五、进入Apache(httpd.conf)设置文件路径和端口号
备注: 文件路径也就是步骤一的站点的路径,设置端口号避免冲突
六、开始运行xampp
vue.js步骤如下:
一、建立vue站点
测试包/工具:
备注:如需要文件请留言
二、创建连接php的组件
三、调用组件
四、cd进入vuedemo04文件,cnpm run dev (我安装的是淘宝镜像,所以在前面加c)运行App.vue
五、运行效果:在body中显示图片