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

本文目錄一覽：

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

vue2開發(fā)過程中用到的插件

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

一、vuedraggable 拖拽效果插件

vue.draggable中文文檔

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

vue-clipboard2文檔

三、json-bigint js中長整型精度問題

處理長整數(shù)精度問題

vue-cli項目中的插件和依賴

使用方式（以axios為例）：

使用的方式

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

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

vue好用的視頻插件推薦

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

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

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

我自己用了videojs，

然后項目主要是做了視頻的一個上傳和視頻的展示功能

看看效果圖：

使用的話官方文檔自己翻

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

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

Vue 報表插件

環(huán)境 Vue2.x

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

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

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

能在原來的基礎(chǔ)上解決打印多頁pdf的問題

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:''})"

? 生成報表

/el-button

例如:

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

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

#能分頁靠的是這個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)注本站。