Javascript 公开全局API方法以控制vue组件
我正在为web应用程序构建一个模块化的管理界面。该界面的核心是一个Vue应用程序,它使用不同的组件,如菜单 因为Vue只是应用程序的一部分,所以我想向浏览器公开一个全局API。这些方法应该能够与Vue组件通信,如下面的示例所示。该代码仅用于演示目的Javascript 公开全局API方法以控制vue组件,javascript,vue.js,Javascript,Vue.js,我正在为web应用程序构建一个模块化的管理界面。该界面的核心是一个Vue应用程序,它使用不同的组件,如菜单 因为Vue只是应用程序的一部分,所以我想向浏览器公开一个全局API。这些方法应该能够与Vue组件通信,如下面的示例所示。该代码仅用于演示目的 import Vue from 'vue'; import AdminMenu from './AdminMenu.js'; const application = () => { var app = document.create
import Vue from 'vue';
import AdminMenu from './AdminMenu.js';
const application = () => {
var app = document.createElement('div');
app.id = 'app';
document.getElementsByTagName('body')[0].appendChild(app);
/**
* Registers a new vue component via Vue.component(...)
* Also creates a new '<admin-menu />' element in the app container
*/
const adminMenu = new AdminMenu();
const vueApp = new Vue({
el: '#app'
});
return {
addMenuItem(title, callback) {
/**
* adds the new item to the list of items in the
* data array of the menu component
*/
adminMenu.addItem(title, callback)
}
}
};
window.app = application();
实现这一点的最佳方法是什么?那么您的后端ist node.js是什么呢?你可以用express模块构建一个api。我以前从未混合过这一点。那么你的后端ist node.js呢?你可以用express模块构建一个api。我以前从来没有混合过这一点
window.app.addMenuItem('Say Hello', e => alert('Hi!'));