怎么在外部js文件中使用this.$alert

在外部js文件中使用this.$alert需要先引入Vue.js，因为`this`关键字只能在Vue实例中使用，而`$alert`是Vue实例的一个方法。可以按照以下步骤进行：

1. 在HTML文件中引入Vue.js：

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

2. 在HTML文件中引入外部js文件：

<script src="path/to/your/external.js"></script>

3. 在外部js文件中使用Vue.js：

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  },
  methods: {
    showAlert: function() {
      this.$alert('This is an alert message.');
    }
  }
})

在上面的代码中，我们定义了一个Vue实例，并在其中定义了一个`showAlert`方法，该方法调用了`this.$alert`方法。在HTML文件中，我们需要有一个id为`app`的元素来挂载Vue实例。

这样，在外部js文件中就可以使用`this.$alert`方法了。当然，前提是你的Vue实例已经正确地初始化并且`this`指向了该实例。