vue腳手架中mixin的使用

混入（mixin）在vue腳手架中的使用

1.建立mixin的js文件，

export const info={
    data(){
        return {
            name: "curry",
            sex: "man",
        }
    }
}

2.引入建立的js文件（花括號必須寫，mixins，s不能忘）

import {info} from 'mixin文件的路徑'

　export default {

　　　mixins:[info]　 

　}　

3.使用mixin中的數據（組件中直接使用）

console.log(this.name) //curry

注：1.全局引入或者局部引入，區別爲全局引入時引入到main.js，局部引入是引入到某一組件中，其他相同，但不建議用全局引入。

　　2.局部引入mixin必須加s。