在vue element的基础上,自己封装一些组件,提高可复用性,及调用的便利性
1.定义:
![](https://img.haomeiwen.com/i5737281/2b6f792eecd38baa.png)
2.引入: 使用vue.compoment (自定义组件名字,自定义组件)方法引入
![](https://img.haomeiwen.com/i5737281/0331f19f2de93dcd.png)
3.注册:
![](https://img.haomeiwen.com/i5737281/7168f7250b639324.png)
4.调用:
![](https://img.haomeiwen.com/i5737281/0c5c8355a6c172df.png)
5.效果:
![](https://img.haomeiwen.com/i5737281/347164ebd324e0d2.png)
如果不想对全局生效,第一步完成定义后。在要使用的文件中引用就可以了
![](https://img.haomeiwen.com/i5737281/cd07ba68071ea8c0.png)
效果:
![](https://img.haomeiwen.com/i5737281/53db396b9743a13d.png)
在vue element的基础上,自己封装一些组件,提高可复用性,及调用的便利性
1.定义:
2.引入: 使用vue.compoment (自定义组件名字,自定义组件)方法引入
3.注册:
4.调用:
5.效果:
如果不想对全局生效,第一步完成定义后。在要使用的文件中引用就可以了
效果:
本文标题:vue-element 自己封装组件
本文链接:https://www.haomeiwen.com/subject/nblwactx.html
网友评论