在vue中使用wowjs

2021-09-27 06:35:00 字數 532 閱讀 1633

1、安裝依賴

npm install wowjs -s

2、main.js中引入

引入animate.css,安裝wowjs之後,直接引入

import

'animate.css'

3、在需要使用wowjs的元件中使用

在標籤上新增動畫的類名

data-wow-duration:動畫持續時間;data-wow-delay:動畫延遲時間。更多屬性參考官網文件:

頭部p

>

import

from

'wowjs'

export

default;}

,mounted()

) wow.

init()

})},

methods:};

<

/script>

在Vue中使用Sass

sass 是什麼?sass又稱scss,它是css預處理之一。它在css語法的基礎上增加了變數 巢狀 混合巨集 繼承 佔位符等等高階功能。那什麼是css預處理器呢?簡單理解就是,css預處理是一種專門的程式語言,通過該語言進行web頁面設計,然後再編譯成正常的css檔案,以供專案使用。css預處理器...

在Vue中使用樣式

一 vue中通過屬性繫結為元素設定class樣式 方式一 直接傳遞乙個陣列,class要用v bind做資料繫結 方式二 三元表示式 方式三 陣列中巢狀物件,提高 的可讀性 方式四 在為 class 使用v bind 繫結物件的時候,物件的屬性是類名,屬性可以帶或者不帶引號都可以 class h2 ...

在Vue中使用echarts

npm install echarts s 或者使用 的映象 npm install g cnpm registry cnpm install echarts s 首先需要全域性引入 在main.js中 引入echarts import echarts from echarts vue.protot...