jQuery $（this）.attr在vue上返回未定义

Question

我正在构建一个vue应用程序，在特定情况下，我觉得需要使用jquery。这是我的组件：

<template>
    <div>
        <h3 id="text" class="text-info">Text exemple</h3>
    </div>
</template>

<script>
import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
import $ from 'jquery'
Vue.use(VueAxios, axios)
export default {
    created(){
        $(document).on('click', '#text', ()=>{
           console.log($(this).attr('class'));
        });
    }
}

console.log向我返回“未定义”。为什么当我尝试使用发生的jquery访问element属性时？

糟糕：：我知道我可以对类进行绑定以获取其值，但是在这种情况下，我想了解有关jquery在vue中如何工作的更多信息。