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 {/* 这里的数据属性 *