素材巴巴 > 程序开发 >

vue在html页面中引用插件的顺序,Vue之引用第三方JS插件,CKPlayer使用

程序开发 2023-09-19 10:14:39

前言:

不管是VUE还是Angular,有时候我们需要使用到一些js插件,但是的源库中并没有相应的插件包,这个时候我们需要如何引入并且使用呢?这个问题其实非常简单,接下来我以VUE为例写给大家介绍一下如何加载第三方js插件。

备注:今天写这篇文章是在是出于同事的老婆的弟弟的老婆学起了前端vue(关系有点绕),所以问到我这个问题,我就总结一下,其实她问的是vue中如何使用ckplayer插件。所以我会先用ckplayer插件进行演示在VUE下的使用。

概述

不管是具体是什么js插件,vue项目也好,angular项目也罢,最终打包都是打包成js压缩文件,资源文件,入口文件(index.html).所以就算你要使用的js插件在源中没有对应的typescripte版本也不要着急,我们依然可以使用它。

1.下载CKPlayer插件

CKPlayer官方下载地址

下载后解压直接放入到static目下

2.放入Vue项目中的static目录下,在入口文件(index.html)中引入js

ef31f35cf21c1f71a2850b6297df9637.png

8b116d79231fae6a908b84750f94f595.png

3.构建


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。