本文环境:windows10、vue2.9,本文适用于所有品牌的电脑。

vue.js可以连接数据库。

实例:

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

前提:

安装XAMPP

安装Vue.js

1-1:建立PHP站点

0aa7fd656f148cfcb8c386b631993c3.png

1-2:创建数据库

e656600c595150ad0ca7aab0a79475e.png

1-3:php连接数据库
备注:连接方式为模块化
(步骤一)

557b90f770f4f6b0586038057c0db52.png

(步骤二)

1ca292ce4fa2fb5cb503b0bccfcc1f4.png

2-1:创建Vue站点

9848105af752612d2a8351abc25e329.png

2-2:创建组件-链接数据库
备注:组件调用为模块化

1e627c4174618aca1540d6300e0bd5c.png

2-3:加载组件
备注:组件调用为模块化

9a2db4acdc74c3aea2323a8fb724983.png

2-4:在App.vue引入组件

7869aa2b7b112aff68e041a360905c2.png

最终效果:

c2319bfb3d7c6eeaa4df596331d4ebf.png

4519c46af3647d16a6bf035fa2cbc5d.png

以上就是vue.js能连接数据库么的详细内容,更多请关注其它相关文章!