vue中引入js脚本块或者js文件 js函数 js方法

在Vue中引入JavaScript脚本块或文件，可以使用以下方法：

1. 在<script>标签内直接编写JavaScript代码。
2. 在<script>标签中通过src属性引入外部JavaScript文件。

例如：

直接编写JavaScript代码：

<template>
  <div>
    <button @click="myFunction">Click me</button>
  </div>
</template>
 
<script>
export default {
  methods: {
    myFunction() {
      alert('Hello, Vue!');
    }
  }
}
 
// 直接编写的JavaScript代码
console.log('JavaScript code block directly in Vue component');
</script>

引入外部JavaScript文件：

<template>
  <div>
    <button @click="externalFunction">Call external function</button>
  </div>
</template>
 
<script>
// 引入外部JavaScript文件
import './myExternalScript.js';
 
export default {
  methods: {
    externalFunction() {
      myExternalScriptFunction(); // 调用外部JavaScript文件中定义的函数
    }
  }
}
</script>

在myExternalScript.js文件中：

// myExternalScript.js
export function myExternalScriptFunction() {
  alert('This is an external script function!');
}

请确保在vue.config.js中正确配置了对外部JavaScript文件的解析，如果是在单文件组件中引入的话，通常不需要额外配置。