Vue3 消息提示组件封装

386 阅读1分钟

消息提示组件封装

1. 用到的方法

createVNode

h() 函数是一个用于创建 VNode 的实用程序。也许可以更准确地将其命名为 createVNode(),但由于频繁使用和简洁,它被称为 h() 。 其中

  • 第一个参数{String | Object | Function} : 一个 HTML 标签名、一个组件、一个异步组件、或一个函数式组件(必需的)。
  • 第二个参数{String | Object | Function} : 要传的props或者形参 |与 attribute、prop 和事件相对应的对象。(可选的)
  • 第三个参数 {String | Array | Object}: 子组件children | 子 VNodes, 使用 h() 构建,或使用字符串获取 "文本 VNode" 或者有插槽的对象(可选的)。
// @returns {VNode}
h('div',{},[
    'Some text comes first.',
    h('h1', 'A headline'),
    h(MyComponent, {
      someProp: 'foobar'
    })
  ]
)

render

  • 类型: Function

  • 详细:

    字符串模板之外的另一种选择,允许你充分利用 JavaScript 的编程功能。

  • 类型: Function

  • 详细:

    字符串模板之外的另一种选择,允许你充分利用 JavaScript 的编程功能。

  • 用法:

       rouder( 'DOM对象' , '挂载到那个节点' )