vue h()函数使用组件

最新推荐文章于 2024-06-26 10:53:57 发布

looooooooooooooool

最新推荐文章于 2024-06-26 10:53:57 发布

阅读量1.2k

点赞数 1

分类专栏： js vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_38527196/article/details/128955223

版权

vue 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

h函数是一个用于创建 vnode，其实在vue中是createVNode 函数的简写；
h函数接受三个参数：
   参数1. 标签名或组件或异步组件或函数式组件；   
   参数2. 标签的属性或事件；{ Object } Props，与attributes和props,以及事件对应的对象，我们可以在模板中使用，如果没有需要传入的属性，可以设置为null。
   参数3. 内容；{ Object } Props，与attributes和props,以及事件对应的对象，我们可以在模板中使用，如果没有需要传入的属性，可以设置为null。

使用:

h(
  'el-tooltip', 
  {

   class:'el-icon-question',
   props: {
       placement: 'top',
       effect: 'small',
   },
   on: {
       click: () => this.slotDel()
   }
  }, 
  '清除缓存数据'
);