在单个页面应用程序中多次使用 Vue 组件时，javascript 会被多次加载吗？答案

【问题标题】：When using a Vue component multiple times in a single page application is the javascript loaded multiple times?在单个页面应用程序中多次使用 Vue 组件时，javascript 会被多次加载吗？
【发布时间】：2018-05-14 22:45:13
【问题描述】：

当在单个页面应用程序中多次使用 Vue 组件时，是否会多次加载 javascript，并且脚本中的方法是否会为单个方法调用多次调用？

IE 如果我使用一个组件 3 次，当我调用方法 a 时，它会被调用 3 次还是只调用一次？

【问题讨论】：

标签： vue.js vuejs2 vue-component

【解决方案1】：

在每个组件实例中调用组件的lifecycle callbacks。例如，如果created() 回调包含console.log('hello world')，并且您已将其中三个组件添加到document，您将在控制台中看到三个日志（每个实例一个）。

另一方面，事件侦听器（例如按钮单击处理程序）只会在事件发生的实例中被调用。假设您的组件包含一个按钮，该按钮具有一个调用console.log() 的click-事件处理程序。在一个组件中单击button 只会触发该组件中的处理程序，而不是该组件的其他实例。

demo

【讨论】：

感谢您的解释和示例，非常感谢。我还有另一个问题，这可能是题外话，但是......组件可以从外部文件访问函数吗？
没问题。是的，他们可以。