vue 怎么在<template>里直接使用引入的外部js方法

在Vue项目中，如果你想在`<template>`模板里直接使用引入的外部JavaScript方法，你需要遵循以下步骤：

1. 首先，确保你已经正确引入了外部JavaScript文件。这通常在组件的`<script>`部分完成，可以使用`import`语句或者`require`函数。

2. 一旦引入了外部脚本，你需要在组件的`<script>`部分声明你想要在模板中使用的具体方法。这可以通过将方法添加到Vue实例的`methods`选项中来实现。如果方法已经默认导出（即使用`export default`），你可以直接引用它。

例如，假设你有一个外部JavaScript文件`external.js`，其中定义了一个名为`externalFunction`的函数：

// external.js
function externalFunction() {
  console.log('This is an external function.');
}
export default externalFunction;

你可以在Vue组件中这样使用它：

<template>
  <div>
    <button @click="callExternalFunction">Click me</button>
  </div>
</template>

<script>
import externalFunction from './external.js';

export default {
  methods: {
    callExternalFunction() {
      externalFunction();
    }
  }
}
</script>

在这个例子中，`callExternalFunction`方法被添加到Vue实例的`methods`中，并且当按钮被点击时会调用`externalFunction`。