vue中的mixins混入使用方法

目录

• 作用
• 使用方法
• 全局混入
• 局部混入

作用

用简单的话去概括就是一种分发vue组件中的功能可以复用一个技术，使用这个技术我们可以把需要复用的内容封装成一个vue组件，方便下次使用方便

使用方法

首先在src中去创建一个自己的文件夹，然后把要封装的内容放入到这个文件夹，方便后续的调用

let mymixin={
    methods:{
        handleBtn(){
            alert('封装的内容已经触发！')
        }
    }
}
export default mymixin

全局混入

全局混入就是我们可以把封装好的这个组件在main.js中全局注册，方便在任何地方使用

import myMixins from "./mixins/index.js"
// 全局混入
Vue.mixin(myMixins)

局部混入

也就是引用的复用内容只能在当前组件中生效

这样就实现了一个简单的混入，减少代码的复用性，大大加强了开发效率，你就可以安心的考虑业务，而不是不停的敲代码

到此这篇关于vue中的mixins混入使用方法的文章就介绍到这了,更多相关vue中的mixins内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！