前端第三方插件（持续更新）

主要放用过或常用的插件汇总

CSS

• normalize.css （格式化css）

Vue插件

路由相关

• vue-navigation
  • 实现前进刷新，后退不刷新。
  • 前进、后退分别使用不同的过场动画。

组件相关

vue-create-api

vue插件：vue-create-api 一个能够让 Vue 组件通过 API 方式调用的插件

引入组价的传统方式：import组件=>注册组件=>dom上引入组价=>通过ref调用组件上的方法

该插件以全新的方式，减少了组件之间的耦合度

• 首先安装这个插件

  $ npm i vue-create-api -S

• 编辑 create-api.js 文件

  import CreateAPI from 'vue-create-api'
  import Vue from 'vue'
  // 下面引入vue组件，这里以Toast为例
  import Toast from '../components/common/Toast'
  
  Vue.use(CreateAPI)
  Vue.createAPI(Toast, true)
  
  // 这里引入Vue.mixin是为了使调用组件的时候更加简便（可省略）
  Vue.mixin({
    methods: {
      toast(settings) {
        return this.$createToast({
          $props: settings
        })
      }
    }
  })

• 在 main.js 中引入该文件

  import './utils/create-api'

• 在页面引用组件（并调用该组件的方法）

  onclick(item) {
      this.toast({ text: 'hello'}).show()
  }

表单相关

• vee-validate （表单验证）
• vue-multiselect （下拉框组件）

弹出框

• vue-js-modal
• v-tooltip （提示框组件）

图片相关

• v-img （图片全屏显示插件）