怎么办网站平台,全国公示信息查询平台,单页面网站模板怎么做,上海骏域网站建设专家封装组件的原则是#xff1a;组件只是数据流通的一个管道#xff0c;不要糅合太多的逻辑在里面#xff0c;是一个纯组件#xff0c;还要根据自己项目的业务场景做具体的处理。
// MyButton.vue
// 基于element-plus中el-button来封装按钮
templateel-button c…封装组件的原则是组件只是数据流通的一个管道不要糅合太多的逻辑在里面是一个纯组件还要根据自己项目的业务场景做具体的处理。
// MyButton.vue
// 基于element-plus中el-button来封装按钮
templateel-button clickhandleClickdiv classbtn-text-style // 文本样式slot/slot // 预留按钮文本插槽/div/el-button
/templatescript setup
const emits defineEmits([click])
// 出发click事件
const handleClick () {emits(click)
}/scriptstyle
.btn-text-style {font-size: 14px;font-weight: bold;font-family: Courier New, Courier, monospace;
}
/style// 在具体组件中的使用
// 根据透传Attributes 即属性的继承
// 透传 attribute 指的是传递给一个组件却没有被该组件声明为 props 或 emits 的 attribute
// 或者 v-on 事件监听器。最常见的例子就是 class、style 和 id。
// 我们在父组件中添加的各种属性都会被子组件继承下来所以有了 type, size, icon等这些属性
template #footerspan classdialog-footerMyButton clickcancel typeinfo sizemini disabeld iconEdit取消/MyButtonMyButton typeprimary clicksubmitForm确定/MyButton/span
/template