Vue3 组件封装

Vue3.x使用自定义指令, 封装建议 Tooltip 提示组件. Tooltip 个人认为一般用于快速解读一些可以简言易概的实物, 比较轻量级.

一个基于Vue3开发的select下拉选项组件, 下拉框被渲染在body标签上, 可以使用插槽输入数据.

vue3 自定义组件使用 v-model, 在 render() 函数中创建 v-model功能, vue2.x 与 vue3.x中自定义 v-model 默认prop的不同.

熟悉前端开发的同学可能发现了, 在 Element UI 中这个组件叫 Notification 通知; 在Bootstrap 中这个组件叫 Toasts.今天我们使用 vue3.x 从零开始制作.