Vue自定义指令与js文件中的函数

Question

我试图在Vue中制作自定义指令，以便能够使用这些简单的tooltips。我在main.js文件中需要的静态文件夹中的js文件中有工具提示javascript。我已将其转换为将为每个工具提示运行的函数。问题是即使我需要上面的文件，该函数仍未定义。我如何使用＆＃39; makeTooltip＆＃39;自定义指令中的函数？

MAIN.JS

import Vue from 'vue'

require('../static/js/scripts.js')    

Vue.directive('tooltip', function(el, binding){
    makeTooltip($(el), binding.value);

    $('.tooltip').click(function(){
      $('.tooltip').hide();
    })
})

scripts.js中

function makeTooltip(el, title){
    var target  = false,
        tooltip = false,
        title   = false;

    el.bind( 'mouseenter', function()
    {
        target  = $( this );
        tip     = title;
        tooltip = $( '<div id="tooltip"></div>' );

    ... 

};

对于尝试渲染的每个工具提示，我得到ReferenceError：未定义makeTooltip