vue项目普通js文件如何调用vue的$msgbox

在Vue项目中，普通的JavaScript文件可以通过以下步骤调用Vue的$msgbox：

1. 引入Vue：在JavaScript文件中，首先需要引入Vue库，以便使用Vue相关的方法和属性。可以通过以下方式引入Vue：

import Vue from 'vue';

2. 调用$this：Vue实例中的所有方法和属性都可以通过$this关键字访问，包括$msgbox。要调用Vue实例中的$msgbox，需要先获取到Vue实例，然后使用$this关键字调用$msgbox。可以通过以下方式获取到Vue实例：

// 找到Vue实例的根节点
const root = document.querySelector('#app');
// 通过Vue构造函数的$options属性获取到Vue实例
const vm = root.__vue__;

3. 调用$msgbox：获取到了Vue实例之后，就可以使用$this关键字调用$msgbox了。$msgbox是Vue的一个全局方法，可以用于弹出提示框。调用$msgbox方法的方式如下：

vm.$msgbox({
  title: '提示',
  message: '这是一个提示框',
  showCancelButton: true,
  confirmButtonText: '确定',
  cancelButtonText: '取消',
  // 其他参数...
}).then(action => {
  // 弹出框关闭后的回调函数
  if (action === 'confirm') {
    // 用户点击了确定按钮
    // 执行对应的操作
  } else if (action === 'cancel') {
    // 用户点击了取消按钮
    // 执行对应的操作
  }
});

以上就是调用Vue的$msgbox的基本步骤，通过引入Vue库、获取到Vue实例，并使用$this关键字调用$msgbox方法即可实现在普通的JavaScript文件中调用Vue的$msgbox。