elmentui中组件的属性,事件,方法和插槽使用。以el-tree为例,熟悉Attributes props methods event slots的使用
更好的解释是
element-UI的属性,事件,方法
https://blog.csdn.net/weixin_41824429/article/details/108214720
Tree 树形控件
https://element.eleme.io/#/zh-CN/component/tree
该控件,包含了Attributes props methods event slots
以此控件,来分析
1.Attributes和props的区别,
(tree组件里,有个props属性,其实,可以改成其他名字。这里和vue的props不是同一个东西)
所有的Attributes,使用v-bind来使用
2.methods和events的区别
所有的events,使用v-on来使用
3.slots的含义
slot是指,被任意双标签包围的部分,理论上,可以插入任何东西。
总结以下element组件的基本使用方式为
<el-xx
:Attributes="xxx"
@events="aaaaa"
>
<div slot="xxxx">
这个div,会作为整体,塞入到el-xx预置的位置。
</div>
</el-xx>
this.$ref.xx.mothods