1.下載安裝vue腳手架
命令符：npm install -g vue-cli
2.查看是否安裝成功
命令符 vue -V
3.構(gòu)建一個vue項目
vue init webpack 項目名字
cd 項目名稱
npm install 下載所有依賴
運行項目
npm run dev
打包項目
npm run build
vue-awesome-swiper用法
第一步安裝
npm install vue-awesome-swiper --save
第二部引入
import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'
Vue.use(VueAwesomeSwiper)
第三部使用html代碼
js代碼?
import { swiper, swiperSlide } from 'vue-awesome-swiper'? ? ??
export default {? ? ? ? ??
? ? ? ? ? ? ? components: {? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? ? ? ? swiper,? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? ? ? ?swiperSlide? ? ? ? ??
? ? ? ? ? ? ? ? ? ? },? ? ? ? ??
?data() {? ? ? ? ? ? ??
? ? ? ? ? ? ? ?return {? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? ? ? swiperOption: {? ? ? ? ? ? ? ? ? ? ?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?官網(wǎng)api屬性? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}? ? ? ? ? ??
? ? ? ? ? ? ? ? ? ? ? ? }? ? ? ? ??
? ? ? ? ? ? }?
? ? ? }
進入組件執(zhí)行的函數(shù)mounted（）{}
