班级做网站人的叫什么,厚街建设网站,阿里云域名交易平台,网站排名查询软件需求分析#xff1a; Button 组件大部分关注样式#xff0c;没有交互 根本分析可以得到具体的属性列表#xff1a; type:不同的样式(Default,Primary,Danger,Info,Success,Warning) plain:样式的不同展现模式boolean round:圆角boolean circle:圆形按钮#xff0c;适合图标…需求分析 Button 组件大部分关注样式没有交互 根本分析可以得到具体的属性列表 type:不同的样式(Default,Primary,Danger,Info,Success,Warning) plain:样式的不同展现模式boolean round:圆角boolean circle:圆形按钮适合图标boolean size:不同大小(small/normal/large) disabled:禁止boolean Button 组件的本质 classvk-button-primary vk-button-large is-plain is-round is-disabled vue官方基于vite的封闭工具 create-vue/eslint-config-typeScript https//github.com/vuejs/create-vue npm create vue3 ViteVue3TypeScriptEslint components   Button.vue        组件   style.css         样式   type.ts           typescript类型   Button.test.tsx   测试文件 1、新建项目 使用vite封装工程 create -vue npm run dev 2、新建类型文件types.ts 3、Button组件 4、APP.vue显示自定义组件  运行结果