將第三方js庫封裝為自己的vue元件示例

2021-09-26 15:28:03 字數 1039 閱讀 8723

按照手把手的方式將countup.js封裝成乙個vue元件

1、在專案檔案cli安裝countup.js

npm install countup.js

'countup'

>

<

/span>

<

/template>

import

from

'countup.js'

export

default},

mounted()

, methods:}}

<

/script>

發現可以跑起來,ok,正常,下一步

3、新建vue-count-up.vue檔案作為元件

可以在github上檢視countup.js的配置引數

對應的就是vue元件的props

"countup"

>

<

/span>

<

/template>

import

from

'countup.js'

export

default

, end:

, decimal:

, duration:},

computed:}}

,data()

},mounted()

, methods:}}

<

/script>

官方還有很多其他引數,此處省略

4、在專案中使用

"2500"

:duration=

"2.5"

>

<

/vue-count-up>

"8700"

:duration=

"2.5"

>

<

/vue-count-up>

第三方SQLITE封裝庫pldatabase的介紹

下面我翻譯一下其最簡單的入門知識,在專案過程中,發現這些其實也夠用,但異常處理這些我還沒引進來使用.view plain copy to clipboard print?plsqlitedatabase db plsqlitedatabase alloc initwithpath path to d...

第三方SQLITE封裝庫pldatabase的介紹

下面我翻譯一下其最簡單的入門知識,在專案過程中,發現這些其實也夠用,但異常處理這些我還沒引進來使用.plsqlitedatabase db plsqlitedatabase alloc initwithpath path to database if db open nslog could not ...

ffmpeg 新增自己的第三方庫

最近搞推流產品,想把自己寫的sdk以第三庫的形式 加到ffmpeg裡面進行除錯 比如我自己 編好的靜態庫 名字為libhzksdk.a 將該靜態庫copy到 usr local lib 在編譯ffmpeg前 配置 configure disable yasm enable librtmp extra...