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、儲存並重新整理瀏覽器,可以看到介面中的兩個輸入框,一個有預設值,另一個沒有預設值。