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、返回到HBuilderX工具中，修改文件名为InputData，统一修改。
7、保存并刷新浏览器，可以看到界面中的两个输入框，一个有默认值，另一个没有默认值。
下载本文