Vue插件的作用和用法

插件和组件的关系:插件包含组件,插件里面可以包含很多东西,例如组件、自定义指令…
作用:插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制,使用插件是让代码不那么零散,看起来更有整体性。

	<div id="app">
        <aaa>删除</aaa>
        <bbb>编辑</bbb>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script>

    <script>
        let MYPLUGIN = {
     
            install(Vue, options) {
     
                Vue.component('aaa', {
     
                    template: ``
                })
                Vue.component('bbb', {
     
                    template: ``
                })
                Vue.mixin({
     
                    data() {
     
                        return {
     
                            author: '混入'
                        }
                    },
                    methods: {
     
                        test() {
     
                            alert(111111)
                        }
                    },
                })
            }
        }

        Vue.use(MYPLUGIN)
        new Vue({
     
            el: '#app',
            data() {
     
                return {
     

                }
            },
            methods: {
     
                login() {
     
                    alert(this.author)
                }
            },
        });
    </script>

你可能感兴趣的:(vue,插件,plugin)