Events ajax内容上的Vuejs延迟事件

我有一些vuejs事件

 <div @mouseover="activate" @mouseout="deactivate" class="item featured">

它们工作正常，但当通过简单的jquery load（）加载内容时，不会触发。如何在vuejs中延迟这些事件

编辑：

通过单击导航按钮触发加载

 <li v-on:click="filterTalents" data-department="hardware">




 filterTalents: function(event) { 
       var dept= $(event.target).closest('li').data('department');
       $( ".content" ).load( "includes/"+dept+".html", function() 

});

       },

       activate: function(event) {
        $(event.target).closest('.item').addClass('active');

       },

        deactivate: function(event) {
        $(event.target).closest('.item').removeClass('active');

       },

filterTalents:函数（事件）{
var dept=$（event.target）.最近（'li'）.数据（'department'）；
$（“.content”）.load（“包括/”+dept+“.html”，函数（）
});
},
激活：功能（事件）{
$（event.target）.closest（'.item'）.addClass（'active'）；
},
停用：功能（事件）{
$（event.target）.closest（'.item'）.removeClass（'active'）；
},

如果您希望将类动态添加到元素中，可以使用vue提供的

一个简单的示例是将对象传递到

v-bind:class

以动态切换类：

<div v-bind:class="{ active: isActive }"></div>

---

上述语法意味着活动类的存在将由数据属性isActive的真实性决定。

需要查看jquery

.load（）

在何处使用。它位于另一个vuejs方法中，该方法从按钮上取下一些数据并将其加载。