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、返回到HBuilderX工具中,修改文件名为InputData,统一修改。
7、保存并刷新浏览器,可以看到界面中的两个输入框,一个有默认值,另一个没有默认值。
【相关文章】
★ 笔记本电脑能托运在行李箱里面吗(笔记本电脑可放在行李箱内运输)
★ 第一个注册香肠派对的人(第一个注册香肠派对的人将领兖州开启狂欢!)
★ 笔记本电脑进水维修很贵吗(笔记本电脑进水维修费用昂贵吗)
本文地址:https://www.qubaike.com/diannao/nzgko4sm.html
声明:本文信息为网友自行发布旨在分享与大家阅读学习,文中的观点和立场与本站无关,如对文中内容有异议请联系处理。