How to use a Vue.js Plugin inside a custom Component?(如何在自定义组件中使用 Vue.js 插件?)

问题描述

我需要输出一个表格，它的内容可以通过 Ajax 更新.所以我打算使用 vue-tables-2 (https:///github.com/matfish2/vue-tables-2) 这是一个 Vue.js 插件.

使用 Laravel 的方式，我正在编写一个 Vue.js 自定义组件，那么如何在我的组件中使用 vue-tables-2 插件?

这里是如何使用插件的示例https://jsfiddle.net/matfish2/jfa5t4sm/.不幸的是，示例中没有将插件包装在组件中.

您有两种方法可以使第三方组件可用于您的自定义 Vue 组件:

1.导入(ES6)并在本地使用

在组件的脚本块中，将其放在顶部:

import { ServerTable, ClientTable, Event } from 'vue-tables-2'

在您的组件 VM 中，将其添加到 components 属性:

导出默认{数据 () {return {/* 这里的数据属性 *