将Vanilla js文件导入Vue.js组件

我以前在vanilla JS中做过一些拖放功能，我在其他项目中也使用过。现在我已经启动了一个Vue.js项目，我想使用相同的拖放功能

是否可以在Vue.JS组件中包含普通JS文件？如何做到这一点

到目前为止，我只尝试在index.html的head元素中添加一个

标记，但它抛出了一个错误

<script src="../src/js/drag-and-drop.js"></script>

---

您可以使用以下任一方法在vue组件中导入脚本：

进口

import'../src/js/drag-and-drop.js'

要求

require（'../src/js/drag-and-drop.js'）

在组件的脚本部分

e、 g

从“../src/js/drag and drop”导入拖动；
导出默认值{
名称：“您的vue组件”，
}    

您可以使用以下任一方法在vue组件中导入脚本：

进口

import'../src/js/drag-and-drop.js'

要求

require（'../src/js/drag-and-drop.js'）

在组件的脚本部分

e、 g

从“../src/js/drag and drop”导入拖动；
导出默认值{
名称：“您的vue组件”，
}    

什么样的错误？您还可以共享您的代码吗？仅一个“未捕获的语法错误：意外标记您可以显示如何导入它吗？检查这是什么类型的错误？您还可以共享您的代码吗？仅一个“未捕获的语法错误：意外标记您可以显示如何导入它吗？检查这是真的！给出了一个很好的例子是真的！给出了一个很好的例子

<template>
  <!-- vue component markup -->
</template>

<script> 
import drag from '../src/js/drag-and-drop';
export default {
  name: 'you-vue-component',
}    
</script>