Vue組件、插件介紹

 

安裝完插件：

cd myfirst
cnpm install
cnpm run dev

插件集合:https://blog.csdn.net/weixin_30835649/article/details/98341076

vue常用的ui插件有:餓了麼出的elementui、有贊出的vant、

 

weex阿里出的跨平臺,配合vue使用,weexui是weex的第三方框架.

*****Vue移動組件庫：Vant

官網：https://youzan.github.io/vant/#/zh-CN/
GitHub：https://github.com/youzan/vant

Vant 是有贊前端團隊基於有贊統一的規範實現的 Vue 組件庫，提供了一整套UI 基礎組件和業務組件。

• 50+ 個經過有贊線上業務檢驗的組件

rc結尾的文件一般都是運行時自動加載的文件、配置文件；babelrc是用來設置轉碼規則和插件的（有的不支持cs6，所以需要轉碼）。

 

"plugins": 引用插件來處理代碼的轉換

["transform-vue-jsx", 用來編譯jsx

"transform-runtime"   用來處理全局函數、優化babel插件

],

 

安裝：npm i babel-plugin-import -D  

   babel-plugin-import 是一款 babel 插件，它會在編譯過程中將 import 的寫法自動轉換爲按需引入的方式.

 

***視頻播放組件

vue-video-player

https://github.com/surmon-china/vue-video-player

https://www.npmjs.com/package/vue-video-player

1. 安裝：npm install vue-video-player --save

2. 在main.js中引入：

3. import Vue from 'vue'
   import VueVideoPlayer from 'vue-video-player'
    
   // require videojs style
   import 'video.js/dist/video-js.css'
   // import 'vue-video-player/src/custom-theme.css'
    
   Vue.use(VueVideoPlayer, /* {
     options: global default options,
     events: global videojs events
   } */)

    

***輪播

vue-awesome-swiper