當指令被銷燬時，監聽器是否被刪除？

Question

下面是一個指令的簡單選項對象。當指令被銷燬時事件監聽器會發生什麼？它卡在內存中還是被刪除？

export default { 
    inserted (el) { 
    el.addEventListener('click', function() { 
     console.log('Click!') 
    }) 
    } 
} 

Answer 1

不，那是你的責任，在unbind鉤

function listener() { 
    console.log('Click!') 
} 

export default { 
    inserted (el) { 
    el.addEventListener('click', listener) 
    }, 
    unbind(el) { 
    el.removeEventListener('click', listener) 
    } 
}