api - 如何为 vue.js 应用程序提供公共 API？

Question

我需要提供用户公共 API，他可以使用它从外部控制我的 vue.js 插件

<div id='app'></div>

例如，

myApi.doThing()

我怎样才能做到这一点？

标签： apivue.jspublic

Answer 1

解决方案非常简单：

用户脚本

let userButton = document.querySelector('.user-button');

userButton.addEventListener('click', function() {
  myApi.open()
});

Vue 应用程序中的 main.js

import App from './App.vue';

window.myApi= new function () {
  this.doThing = function() {
    App.methods.methodName();
  }
};