上一节我们已经实现了注册页面的基本结构。本节我们将注册页面值传递给nodeJs中间件，为下一步保存用户注册信息做准备。我们在vant的组件输入框上以v-model的形式双向绑定了四个属性。这四个属性在data.h中有相应的定义。我们给注册按钮添加一个事件，registerFn，当注册按钮被点击时，触发下面的方法，意思就是这个，第1步，每次清空属性值；step2，以objectliterals的形式保存并填写信息；step3，各种检查，判断然后Step4，执行this.postRegisterObj(_registerObj);接下来，在这里向register_post接口提交信息，vue页面部分的工作就结束了。现在我们转到src根目录下的APIList.config.js文件，在里面定义接口：constport=5678;constBASEURL='http://localhost:'+端口；constAPI_LIST={//查询条件node_a:BASEURL+'/node_a',//查询结果node_b:BASEURL+'/node_b',//提交注册信息register_post:BASEURL+'/register_post'}module.exports=API_LISTendswith_post，表示这是post提交然后打开我们之前创建的nodeJs中间件文件api_dev.js，在里面新建一个接口如下：//用户注册信息app.post('/register_post',function(req,res){let_allData='';req.on('data',function(_d){_allData+=_d;});req.on('end',function(){console.log(_allData);});});如果你在控制台可以通过nodeapi_dev.js获取到用户提交的信息，那么说明你已经成功从vue视图界面将数据传递给了nodeJs中间件。在下一节中，我们将展示如何在nodeJs中连接到mongoDB数据库并将数据存储在其中。更多教程内容更快观看，请扫描下方二维码直接进入前端项目学习群，让大家在群里学习，进步更大。
