解决： 在使用vue的.html文件的script标签中，引入import模块化js文件。

现代浏览器支持用script标签引入模块或脚本，如果要在.html中引入模块，在script标签中需添加type="module"，如果引入脚本，则不需要type。

xxx.js（模块化文件）

export const userInfoObj = { ... }
export const funA = () => { ... }

 .html页面（2种引入方式）

如果使用模块化语句如import、export等，script元素必须添加type=module

<script type="module" src="xxx.js">

<button type="submit" onclick="test()">我是按钮</button>

<script type="module">
  import { userInfoObj, funA } from '/.../xxx.js'
  function test() {
   console.log('这是原生函数声明，触发不了了')
  }
</script>

<script>
function test() {
   console.log('这是原生函数声明，可触发')
}
</script>

注意：script标签中添加type为module后，原生的函数声明等将无法使用。-- 需要将原生的函数声明等，再写个普通的script标签包裹。