在单页应用程序中多次使用Vue组件时,多次加载javascript?

时间:2018-05-14 22:45:14

标签: vue.js vuejs2 vue-component

在单个页面应用程序中多次使用Vue组件时,多次加载javascript,并且对于单个方法调用,脚本中的方法会被多次调用吗?

IE如果我使用组件3次,当我调用方法a时,会被调用3次还是只调用一次?

1 个答案:

答案 0 :(得分:3)

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

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

demo