Vue js 将外部脚本文件添加到我的应用程序

Question

我已经下载了一些带有自定义 js 文件和 jquery 的 HTML 模板。我不得不将这些 js 附加到我的应用程序中。并继续使用 Vue。

我尝试了很多方法来添加它们，但仍然有错误：

我的项目中的文件夹：

我尝试的方法：

我找不到问题！

Answer 1

您不应将此脚本放在 src 中，而应放在公共文件夹中，并使用静态路径 'static/content/...' 或 'public/content/...' 或更好的 process.env.PUBLIC_URL + 'content/...' 取决于您的构建配置。

Answer 2

您希望像其他模块一样import。查看包文档：
https://www.npmjs.com/package/vue-owl-carousel2

安装

npm i -s vue-owl-carousel2

或

yarn add vue-owl-carousel2

使用

import carousel from 'vue-owl-carousel2'

export default {
    components: { carousel },
}

基本用法

<carousel>

    <img src="https://placeimg.com/200/200/any?1">
    <img src="https://placeimg.com/200/200/any?2">
    <img src="https://placeimg.com/200/200/any?3">
    <img src="https://placeimg.com/200/200/any?4">

</carousel>