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。