sass?安裝指令
????????cnpm i sass-loader --save-dev
? ??????cnpm i node-sass --save-dev
less?安裝
?cnpm i less less-loader --save
在style中 寫(xiě)上lang="less"莫秆，就可以進(jìn)行樣式嵌套
div{color:cyan; p{ color:red; } }
axios?專(zhuān)門(mén)用于數(shù)據(jù)請(qǐng)求
?cnpm i axios --save
swiper 輪播圖安裝
?cnpm install vue-awesome-swiper --save
main.js
import Vue from 'vue'
import Swiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'
Vue.use(Swiper)
組件
<template>
????????<swiper :options="swiperOption">
? ? ? ? ? ? ? ? <swiper-slide>頁(yè)面1</swiper-slide>
? ? ? ? ? ? ? ? <swiper-slide>頁(yè)面2</swiper-clide>
? ? ? ? ? ? ? ? <div class="swiper-pagination" slot="pagination"></div>
? ? ? ? ? ? ? ? <div class="swiper-button-prev" slot="button-prev"></div>
? ? ? ? ? ? ? ? <div class="swiper-button-next" slot="button-next"></div>
????????</swiper>
</template>
<script>
? ? ? ? export default {
? ? ? ? ? ? ? ? data(){
? ? ? ? ? ? ? ? ? ? ? ? return{
????????????????????????????swiperOption:{//設(shè)置屬性
????????????????????????????????????pagination: {//顯示分頁(yè)
? ? ? ? ? ? ? ? ? ? ????????????????????????????el: '.swiper-pagination',
? ? ? ? ? ? ? ? ? ? ????????????????????????????clickable:true
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? },
?????????????????????????????????????// direction : 'vertical',//切換模式? 橫屏或者豎屏
????????????????????????????????????autoplay: {//設(shè)置自動(dòng)播放速度
? ? ? ? ? ? ? ? ? ? ????????????????????disableOnInteraction: false,
? ? ? ? ? ? ? ? ? ? ????????????????????delay:4000
????????????????????????????????????},
????????????????????????????????????loop:true,?? //開(kāi)啟無(wú)限循環(huán)
? ? ? ? ? ? ????????????????????? //設(shè)置點(diǎn)擊箭頭
????????????????????????????????????paginationClickable :true,
? ? ? ? ? ? ? ? ????????????????????prevButton:'.swiper-button-prev',
? ? ? ? ? ? ? ? ????????????????????nextButton:'.swiper-button-next'
? ? ? ? ? ? ? ? ?????????????????}
????????????????????????}
????????????????}
????????}
</script>
element ui?(餓了么)
?cnpm i element-ui --save
vuex (大倉(cāng)庫(kù)—資源管理)
cnpm install vuex --save -dev
lazyload（懶加載）
cnpm install vue-lazyload --save -dev
