@3yourmind/vue-yodify 中文文档教程
vue-yodify by 3YOURMIND
Description
一个简单的 Vue.js 插件，可以轻松启用通知。
Dependencies
| Name | Version | Information |
|---|---|---|
| vue | 2.x |   |
Installation
yarn add @3yourmind/vue-yodify
或者
npm i @3yourmind/vue-yodify
How to use
您需要将此库注册为插件。 所以你需要找到这个文件 你在哪里注册 Vue.js。 在最常见的情况下，这将是文件 <代码>src/main.js。 在此文件中，您需要导入此库并将其绑定到 Vue.js。
import Vue from 'vue';
import VueYodify from '@3yourmind/vue-yodify';
Vue.use(VueYodify);
然后你需要在你的应用程序中注册一个全局组件，以便库可以找到 该组件以某种方式。 为此，请转到您的根组件并将其扩展为 使用该组件一次。
<template>
<div id="app">
<vue-yodify />
<router-view />
</div>
</template>
<script>
export default {
name: 'app',
};
</script>
注册组件后，您可以使用 Vue 全局调用它 组件脚本部分中的实例。
this.$yodify({
text: 'This was successful :)',
type: 'success', // optional, default
duration: 3000, // optional, default
});
Contributors
 igeligel 贡献：11 |  ostoc 贡献：4 |  dodekeract 贡献：12 |
|---|
License
vue-yodify 在 MIT 许可证 下发布。
vue-yodify by 3YOURMIND
Description
A simple Vue.js plugin to enable notifications with ease.
Dependencies
| Name | Version | Information |
|---|---|---|
| vue | 2.x | |
Installation
yarn add @3yourmind/vue-yodify
or
npm i @3yourmind/vue-yodify
How to use
You need to register this library as a plugin. So you need to find the file where you are registering Vue.js. In the most common case this will be the file src/main.js. Inside this file you need to import this library and bind it to Vue.js.
import Vue from 'vue';
import VueYodify from '@3yourmind/vue-yodify';
Vue.use(VueYodify);
Then you need to register a global component in your app so the library can find the component somehow. To do this go to your root component and extend it by using the component once.
<template>
<div id="app">
<vue-yodify />
<router-view />
</div>
</template>
<script>
export default {
name: 'app',
};
</script>
After registering the component you can call it globally by using the Vue instance in the script part of a component.
this.$yodify({
text: 'This was successful :)',
type: 'success', // optional, default
duration: 3000, // optional, default
});
Contributors
igeligel Contributions: 11 | ostoc Contributions: 4 | dodekeract Contributions: 12 |
|---|
License
vue-yodify is released under the MIT License.
