本文介绍了一个使用MockJS模拟后端数据来实现Vue项目中登录和注册功能的教程。通过安装和配置MockJS，创建模拟数据，并利用axios进行数据传递。在登录注册页面，采用子组件向父组件传值的方式处理用户输入，实现数据验证。最后展示了登录和注册的验证结果。
上次给项目开了个头（其实四舍五入什么都没干），但是总算是立项了吧！现在继续。
使用mock模拟后端数据
首页总不能就这么一个图吧，肯定要有登录和注册的入口，但是在这个时候就涉及到了数据的问题！如果叫我自己写后端接口的话……我觉得真的暂时不行= =如果直接把数据写死在页面里也太蠢了，因为我一直秉持个人遇到的问题就是大家都会遇到的问题去搜了搜，果不其然发现了一个好东西：mock模拟后端数据
由于现在前后端分离，前端有时候经常需要后端的数据才能显示出效果，可是后端有时候也不能那么快提供接口，在这段尴尬的时期，前端就可以使用mock模拟接口，首先来安装mock，使用npm install --save-dev mockjs
然后在main.js中引入mock，再在mock.js文件中添加规则，先设立了一条username和password数据。
模拟完数据如何将数据传递到页面呢，在这里就要用到axios的请求方式，于是又下载和安装了axios……又在main.js中引用，标准三连了，果然需要的东西还是很多的鸭。</
最低0.47元/天 解锁文章
600
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
