我是靠谱客的博主 醉熏高跟鞋,最近开发中收集的这篇文章主要介绍vue中的混入mixin1.什么是混入2.创建Mixins,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

1.什么是混入

混入 (mixin) : 是一种分发Vue组件中可复用功能的非常灵活的一种方式。混入对象(mixins)是一个js对象,它可以包含我们组件中script项中的任意功能选项,如data、components、created、methods 、computed、watch等等。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。

2.创建Mixins

在src目录下创建一个mixins文件夹,文件夹下新建自己要定义的混入对象js文件。使用对象的形式来定义混入对象,在对象中可定义与vue组件一样的data、components、created、methods 、computed、watch等属性,并通过export导出该对象.

export const  Mixin={
   要混入的公用代码
}
//引入混入js文件
import {Mixin} from "@/mixins/pageMixin"
export default {
    mixins: [ Mixin ],//使用混入
    data() {
      return {    	
      }
    }        
}

全局混入

在main.js中引入

// 全局混入
import { common } from '@/mixins'//混入文件路径
Vue.mixin(common)

最后

以上就是醉熏高跟鞋为你收集整理的vue中的混入mixin1.什么是混入2.创建Mixins的全部内容,希望文章能够帮你解决vue中的混入mixin1.什么是混入2.创建Mixins所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(62)

评论列表共有 0 条评论

立即
投稿
返回
顶部