renderless-toast-vue3:在Vue 3中编写和使用无渲染组件的示例

时间:2021-04-06 22:52:27
【文件属性】:
文件名称:renderless-toast-vue3:在Vue 3中编写和使用无渲染组件的示例
文件大小:39KB
文件格式:ZIP
更新时间:2021-04-06 22:52:27
Vue Vue 3的无渲染吐司通知 该项目是在背景下 在src/libs/toastNotificationsPlugin.ts您可以找到一个简单的插件,该插件实现基本的Toast通知功能,并提供一个无渲染的toast-notifications组件。 通过使用无渲染组件,您可以根据需要设置通知的样式。 在src/components您可以找到三个使用toast-notifications示例: 一些原始输出,没有太多的样式/动画 从Bootstrap使用CSS 使用Tailwind CSS 可以在Vue 2中使用吗? 当前,插件的实现使用Vue 3 API。 因此,要使其与Vue 2一起使用,您必须重写插件如何添加全局方法。 但总的来说,无渲染组件的概念也可以在Vue 2中使用。
【文件预览】:
renderless-toast-vue3-main
----.gitignore(53B)
----tsconfig.json(375B)
----README.md(847B)
----public()
--------favicon.ico(4KB)
----package.json(486B)
----src()
--------components()
--------index.css(59B)
--------shims-vue.d.ts(142B)
--------libs()
--------App.vue(4KB)
--------main.ts(227B)
--------assets()
----postcss.config.js(82B)
----tailwind.config.js(224B)
----index.html(591B)
----yarn.lock(53KB)
----vite.config.ts(156B)

网友评论