技術標籤：vuevue

mixin

• 只對混入的頁面生效
• 引入父元件之後,相當於將元件內部的內容,如data,method等與父元件相應內容進行合併.相當於在引入後,對父元件進行了擴充
• 在每一個元件中都是獨立的,元件間互不干擾,都屬於vue元件自身
• 屬性和方法名衝突,元件有限
• 混入的生命週期函式在元件的之前呼叫

- mixins.js
export const Mixins  = {
    create() {
        ...
    },
    mounted() {
        ...
    },
    data() {
       return {
           ...
       } 
    },
    methods: {
        function1(){
            ...    
        },
        ...
    }
}
 

- 引入
import { Mixins } from '...'
mixins: [ Mixins ]
methods(){
    function2(){
        let a = this.function1()
        console.log(a)
    }
}