@Component.mixins

Author: ruojianll

readme.md

@@ -74,6 +74,8 @@ class Sup extends Base {
   directives:{
 
   },
+  //OPTION, mixins
+  mixins:[{}],
   //OPTION, template string, [NEED VUE FULL BUILD](https://vuejs.org/api/options-rendering.html#template).
   template:'<div></div>',
   //OPTION, render function
@@ -268,6 +270,7 @@ export default defineComponent({
     );
   },
   beforeRouteEnter() {},
+  mixins:[{}],
   template:'<div></div>',
   render(){
 

src/component.ts

@@ -59,6 +59,7 @@ type ComponentOption = {
     modifier?: (raw: any) => any
     options?: ComponentCustomOptions & Record<string, any>
     template?: string
+    mixins?: any[]
 }
 type ComponentConsOption = Cons | ComponentOption
 function ComponentStep(cons: Cons, extend?: any) {
@@ -70,7 +71,7 @@ function ComponentStepWithOption(cons: Cons, arg: ComponentOption, extend?: any)
     const slot = obtainSlot(cons.prototype)
 
     Object.keys(arg).reduce<Record<string, any>>((option, name: string) => {
-        if (['options', 'modifier','emits'].includes(name)) {
+        if (['options', 'modifier', 'emits'].includes(name)) {
             return option
         }
         option[name] = arg[name as keyof ComponentOption]

test/component.ts

@@ -26,7 +26,7 @@ const FullOptionOpt = {
   inheritAttrs: true,
   expose: ['expose1', 'expose2'],
   modifier(option: any) {
-    option.modifierCalled=true
+    option.modifierCalled = true
     return option
   },
   render() {
@@ -35,7 +35,14 @@ const FullOptionOpt = {
   options: {
     test: 'test value'
   },
-  template:'template string'
+  template: 'template string',
+  mixins: [{
+    methods: {
+      mixinMethod() {
+
+      }
+    }
+  }]
 }
 
 @Component(FullOptionOpt)