使用VUE写一个调查问券笔记

1.使用VUE的脚手架创建一个项目
2.给项目分组
使用VUE写一个调查问券笔记
3.给项目配置好路径,可以新建一个vue.config.js文件
使用VUE写一个调查问券笔记
4.在视图层创建好页面相关的文件夹
使用VUE写一个调查问券笔记
由于页面较少,只有性别选择、爱好选择以及自我介绍,以后可以在这个基础上进行增改
5.配置路由信息
使用VUE写一个调查问券笔记
使用VUE写一个调查问券笔记
使用VUE写一个调查问券笔记
6.性别页面包括html设置剩下的封装到一个组件中(导航组件),但不幸的是,明明可以复用但是我还是使用了三个
使用VUE写一个调查问券笔记
使用VUE写一个调查问券笔记
性别界面业务内容主要是在组件挂载时修改一个title
使用VUE写一个调查问券笔记
组件界面业务包括值传递pick、是否点击成功进入下一个界面、是否重置界面
使用VUE写一个调查问券笔记
以及一个路由钩子函数,表明在路由跳转时进行一些异步操作
使用VUE写一个调查问券笔记
而剩下两个界面也是按照这样的方案进行的。