ｖｕｅ 引入的 外部js文件 调用el-message

可以通过以下步骤引入外部js文件并调用el-message：

1. 在Vue组件中的`<script>`标签中使用`import`语句引入外部js文件，例如：

import myJsFile from './myJsFile.js'

2. 在需要调用el-message的地方，使用`this.$message`即可调用，例如：

this.$message({
  message: '这是一条消息',
  type: 'success'
})

注意：如果外部js文件中也需要使用`this.$message`，则需要在Vue实例中先定义`message`属性，例如：

new Vue({
  el: '#app',
  message: Message,
  ...
})

相关问题

ｖｕｅ 的 外部js文件 调用el-message

在 Vue 的外部 JS 文件中使用 Element UI 的 el-message 组件，需要先在 HTML 中引入 Element UI 的 JS 和 CSS 文件，然后在 JS 文件中使用以下代码：

// 引入 Element UI 的 JS 和 CSS 文件
import 'element-ui/lib/theme-chalk/index.css';
import 'element-ui/lib/index.js';

// 在 Vue 的外部 JS 文件中使用 el-message 组件
Element.Message({
  message: '这是一条消息提示',
  type: 'success'
});

需要注意的是，在 Vue 的外部 JS 文件中使用 Element UI 组件，需要先引入 Element UI 的 JS 和 CSS 文件，并且在使用组件之前，需要先创建 Element 对象，可以使用以下代码：

// 创建 Element 对象
var Element = require('element-ui');
Vue.use(Element);

写一段 ｖｕｅ 引入的 外部js文件 调用el-message

假设你已经在Vue项目中引入了element-ui，那么你可以通过以下步骤引入外部的js文件并调用el-message：

1. 在Vue项目中创建一个js文件，例如：message.js

2. 在message.js中写入以下代码：

import { Message } from 'element-ui';

export default function showMessage(type, message) {
  Message({
    type: type,
    message: message
  });
}

3. 将message.js保存到你项目的某个目录下，例如：src/utils/message.js

4. 在需要使用message的组件中引入message.js

import showMessage from '@/utils/message.js'

5. 在组件中调用showMessage函数即可

showMessage('success', '操作成功');

以上代码将会在页面上弹出一个绿色的提示框，提示框中显示“操作成功”。