概述
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所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复