@3yourmind/vue-yodify 中文文档教程

Question

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 许可证 下发布。