vue plugin的简单使用

1. Vue.mixin 在全局Vue中混入一些操作，这些操作会在所有Vue实例中触发

   // main.js
   Vue.mixin({
   	// 这里可以使用一些钩子函数
   	created(){
   		console.warn('mixin')
   	}
   })
   

2. Vue.use 用于在全局Vue中安装依赖

   // main.js
   import Vue from 'vue'
   
   const myPlugin{
   	install(Vue){
   		// do something
   		// Vue.use(_plugin) 其实就是会调用_plugin的install方法
   	}
   }
   Vue.use(myPlugin)
   

3. 1.2.混合起来可以这么注册一个插件

   const myPlugin = {
   	install(Vue){
   		Vue.mixin({
   			created(){
   				// this.$options 可以获取到一些自定义的vue属性
   				if(this.$options.rules){
   					console.log(this.$options.rules.message);
   				}
   			}
   		})
   	}
   }
   Vue.use(myPlugin);
   
   // 那么当一些组件中有设置rules时就会触发插件的操作
   new Vue({
   	data(){
   		return {
   			
   		}
   	},
   	methods: {
   		
   	},
   	rules: {
   		message: 'hello world'
   	}
   })