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