javascript - js文件中带有函数的Vue自定义指令

Question

我正在尝试在 Vue 中制作一个自定义指令，以便能够使用这些简单的工具提示。我在 main.js 文件所需的静态文件夹中的 js 文件中有工具提示 javascript。我已经把它变成了一个可以为每个工具提示运行的函数。问题是即使我需要上面的文件，该函数也是未定义的。如何在自定义指令中使用“makeTooltip”功能？

主.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();
    })
})

脚本.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 is not defined