今天給各位分享Vue內(nèi)置插件的知識(shí)，其中也會(huì)對(duì)vue如何使用插件進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問(wèn)題，別忘了關(guān)注本站，現(xiàn)在開(kāi)始吧！

本文目錄一覽：

• 1、vue2開(kāi)發(fā)過(guò)程中用到的插件
• 2、vue-cli項(xiàng)目中的插件和依賴
• 3、vue好用的視頻插件推薦
• 4、Vue 報(bào)表插件
• 5、Vue設(shè)置自定義插件

vue2開(kāi)發(fā)過(guò)程中用到的插件

在工作中遇到了一些需求使用的第三方插件實(shí)現(xiàn)，記錄一下

一、vuedraggable 拖拽效果插件

vue.draggable中文文檔

二、vue-clipboard2 剪切板效果插件（復(fù)制指定內(nèi)容）

vue-clipboard2文檔

三、json-bigint js中長(zhǎng)整型精度問(wèn)題

處理長(zhǎng)整數(shù)精度問(wèn)題

vue-cli項(xiàng)目中的插件和依賴

使用方式（以axios為例）：

使用的方式

1.安裝：插件通過(guò)命令行安裝為vue add @scope/vue-cli-plugin-name或速記vue add @scope/name

2.配置插件：一般的插件都會(huì)提供一些可供用戶選擇的配置，這要看插件怎么設(shè)計(jì)。具體的使用方式也是根據(jù)不同的插件有不同的功能，這里就不舉例子了

vue好用的視頻插件推薦

最近做視頻功能，看了一些視頻相關(guān)的插件，發(fā)現(xiàn)下面兩個(gè)還是比較好用，這里推薦一下：

videojs應(yīng)該很多人都知道，比較成熟的插件了這里是官網(wǎng)地址：

然后Mui Player也是很不錯(cuò)跟videojs差不多都很好用，對(duì)比videojs優(yōu)勢(shì)應(yīng)該就是文檔更好閱讀點(diǎn)對(duì)于英語(yǔ)不好的是個(gè)好事。

我自己用了videojs，

然后項(xiàng)目主要是做了視頻的一個(gè)上傳和視頻的展示功能

看看效果圖：

使用的話官方文檔自己翻

最后主要說(shuō)一下我用了插件后踩的一些坑，特別是上傳部分，其它的都還好。

我項(xiàng)目需求上傳需要做封面圖，然后安卓用戶的插件可以支持自動(dòng)截取視頻第一張圖，ios的因?yàn)橄拗撇恢С忠曨l自動(dòng)去加載元數(shù)據(jù)不會(huì)自動(dòng)截取視頻第一張圖，所以ios的只能去手動(dòng)給poster一個(gè)值就是手動(dòng)給個(gè)固定圖片，網(wǎng)上很多canvas截圖其實(shí)也是一個(gè)道理也是需要加載元數(shù)據(jù)才行，ios的也是截圖截不下來(lái)只會(huì)是一個(gè)黑色的圖片，所以只能手動(dòng)給個(gè)默認(rèn)圖片了，播放列表也是，對(duì)于mov格式的就是ios用戶上傳的視頻，并且查看者是用的ios手機(jī)，也是無(wú)法自動(dòng)給封面。

Vue 報(bào)表插件

環(huán)境 Vue2.x

之前使用的報(bào)表開(kāi)發(fā)插件?????? vue-easy-print @0.0.8 ????

能打印pdf報(bào)表,但是存在 不能打印多頁(yè) 的問(wèn)題,使用人數(shù)較少,文檔較少,版本較低,放棄.

改用新的插件? ? ? print-js

能在原來(lái)的基礎(chǔ)上解決打印多頁(yè)pdf的問(wèn)題

npm?install?print-js?--save

????import?printJS?from?'print-js'

visa-template? id="aaa" /visa-template

el-button type="primary" onclick="printJS( {printable:'aaa', type:'html',scanStyles:false,css:[''],style:''})"

? 生成報(bào)表

/el-button

例如:

????style:'{div:{color:#008855}}'

? ? 字體縮小? .reportTable{font-size:0.8em !important }

#能分頁(yè)靠的是這個(gè)css

```

.reportBox {

? text-align: center;

? width: 100%;

? margin: auto;

? page-break-after: always;

? margin-top: 20px;

? font-family: "微軟雅黑";

}

```

Vue設(shè)置自定義插件

目錄如圖所示：

編輯message.js插件文件：

在main.js里面引入，然后use()方法即可

在組件中使用

結(jié)果如圖所示

關(guān)于Vue內(nèi)置插件和vue如何使用插件的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。