1、打開HBuilderX開發工具,使用npm安裝和下載vue項目,並安裝依賴包。
2、在項目中的src文件夾下的components中,新建一個組件。
3、打開已新建的組件文件,在template標籤中插入el-input組件,並綁定v-model指令。
4、接着在script、/script標籤中,導出export default,初始化startData和endData。
5、打開文件,將組件導入,並在components中添加Input。
6、返回到HBuilderX工具中,修改文件名為InputData,統一修改。
7、保存並刷新瀏覽器,可以看到界面中的兩個輸入框,一個有默認值,另一個沒有默認值。