Vue之插件的介绍

简介

主要介绍Vue插件的概念，定义和使用。

Vue的插件主要是用于增强功能，可以把它看作是一个工具库，可以提供很多强大的功能，比如一些强大的自定义指令，一些强大的工具方法，过滤器等，
我们可以编写或者直接引入别人写的插件，就能获得强大的功能。

Vue插件的本质是一个包含install方法的对象，install方法的第一个参数是Vue构造函数对象，第二个及以后的参数是插件使用者传递的数据。

代码：

main.js：在这里使用定义的插件。

//引入vue依赖
import Vue from 'vue'
//引入组件App
import App from './App.vue'

// 关闭生产提示
Vue.config.productionTip = false

//引入插件
import PowerPlugin from "./plugins/PowerPlugin"

//使用插件，使用Vue.use函数，第一个参数传引入的插件对象，第二个及以后就是用户传到插件定义的intsall方法的参数。
//调用Vue.use函数使用插件，会调用该插件的install方法。
Vue.use(PowerPlugin,"yehaocong","liaoxiaoyan")

//创建一个vue实例
new Vue({
  render: h => h(App),

  //配置该vue实例管理id为app的容器
}).$mount('#app')

App.vue：

<template>
    <!-- 编写结构 -->
    <div>
    <!-- 父组件编写组件标签时，将数据以属性的方式进行传递。 -->
    <student studentName="Yehaocong" :studentAge="25" :hobby="['篮球','听音乐']"></student>
    <student studentName="Liaoxiaoyan" :studentAge="21" :hobby="['逛淘宝','唱歌']"></student>
    </div>
</template>

<script>

import student from "./components/Student.vue"

export default {


    components:{
        //注册组件
        student
    }
}
</script>

<style>

<