
1、打開HBuilderX開發(fā)工具,使用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、返回到HBuilderX工具中,修改文件名為InputData,統一修改。
7、保存并刷新瀏覽器,可以看到界面中的兩個輸入框,一個有默認值,另一個沒有默認值。









