VUE-零散记录点之插件

插件的核心在于插件的文件编写，引用官方的案例其实最直观

通过一个对象，其中必须固定一个install方法，此方法有2个参数：
一个是VUE实例
另一个是你对这个插件的参数配置

//插件.js
const myplugin={
                    //此处vue  跟  options 就是初始化方法的两个参数
    install:function(Vue, options){
    
        //从这里开始 你可以为你的插件编写你想要的功能
        Vue.prototype.shoPageName=function(){
            console.log('我是自定义插件内的方法')
            console.log()
        }
        Vue.directive('intlhm',{
            inserted:function(el){
                console.log('intlhm')
                console.log(el.innerHTML)
                el.innerHTML = '00000'
            }
        })
        //mixin
        Vue.mixin({
            created: function () {
                // 逻辑...
            }
        })
    }
}
export default myplugin

1. 在你想要使用的组建中引入插件
import myPlugin from '../common/myplugin'
import Vue from 'vue'

2.Vue.use(myPlugin)

3.就可以在你当前组件中使用你在插件中编写的功能了
例如directive，即可直接用
<div v-intlhm>1231</div>   //页面显示000