vue可复用技术-混入入门

可复用技术
混入：mixin
为组件提供可复用的功能
一个混入对象可以包含任意组件选项
当组件使用混入对象时，所有混入对象的选项就会被混入到组件本身
组件就可以使用混入对象中的选项
主要用于插件的开发使用/注册

·局部注册

 var mixin={
            data(){
                return {
                    message:"这里是混入对象的message"
                }
            }
        }
        new Vue({
            el:"#app",
            mixins:[mixin],
        })

全局注册
·混入规则：
当组件和混入对象有同名选项时，这些选项会以恰当的方式进行合并

1.数据 data混入
数据对象在混入时，会进行合并，发生冲突时，保留组件数据

2.methods computed …值为对象的
在混入时，同名的方法会合并成一个对象，对象键名发生冲突时，保留组件对象的键值对

3.生命周期：钩子函数
同名的钩子函数会合并为一个数组，一次都会被调用，混入对象的钩子函数会先被调用

2.全局注册：
不建议使用全局注册混入对象，一旦使用全局混入，他将影响以后创建的每一个vue实例