html引入外部js文件路径_vue在html标签中不能使用引入的js方法吗？

今天修改项目的时候发现了一个问题。

需要：

img标签获取验证码。发出请求时需要带上token，所以下面介绍一下。

结果报错，找不到方法。当然，我知道如何解决这个问题。我只是不明白为什么导入的js方法不能直接在HTML中使用。是不是因为在Vue中只能使用挂载在实例上的方法？ ？

然后我做了一些扩展思考。该项目使用vue-cli。脚手架中vue的实例化是在main.js中，然后根据el中的id挂载并替换为index.html文件夹中对应的标签，像这样的话，我们创建的vue页面就会有以下模板：

Vue的每个页面本质上都是一个组件，可以理解为导出。那么问题来了，这个出口是出口到哪里呢？因为我的其他页面并没有将这个页面作为一个组件引入。那么，钩子函数是如何触发的呢？因为否则这些方法只是声明。

我在这里把我自己的思考结果告诉大家。我不知道对不对，但我想验证一下：

App.vue相当于所有页面的根组件。所有页面都可以理解为App.vue的子组件。那么当我们加载App的时候，就会通过路由出口来显示子组件页面，并且在注册路由的时候我们可以看到有一个选项。这是否可以理解为注册一个组件并将其绑定到当前路径？组件注册后，Vue会自己做一些处理，而不是手动做，所以当路由跳转到各个页面时，可以触发相应的钩子函数。那么如果我在下面添加一个自定义方法测试，并且我想在其他页面上使用这个测试，我应该怎么写呢？

总结一下要问的问题：

1、为什么导入的js方法不能在html中使用？

2. {} 被导出但未被实例化。那么如何获取每个页面的vue实例this以及钩子函数是如何触发的呢？

3、页面中自定义的测试方法可以在其他页面引入使用吗？