1、打开HBuilderX开发工具，使用npm安装和下载vue项目，并安装依赖包
2、在项目中的src文件夹下的components中，新建一个组件Input.vue
3、打开已新建的组件文件，在template标签中插入el-input组件，并绑定v-model指令
4、接着在<script></script>标签中，导出export default，初始化startData和endData
5、打开App.vue文件，将Input.vue组件导入，并在components中添加Input
6、保存代码并使用命令运行项目，打开浏览器查看效果，结果发现只有一个输入框
7、返回到HBuilderX工具中，修改文件名为InputData，统一修改
8、再次保存并刷新浏览器，可以看到界面中的两个输入框，一个有默认值，另一个没有默认值
