mixins的使用

在项目中经常需要使用混入，可以通过混入减少部分代码的重复编写。

在src目录下创建一个mixins目录，在期中创建一个js文件，如下：

const myMixins = {
    methods: {
        addCollection(id) {
            // 将id发送到mock中
            this.$http.post('/api/book/collection', {id: id})
                .then(res => {
                    // conole.log(res)
                    if (res.data.status === 200) {
                        this.$message.success('添加书架成功')
                    } else {
                        this.$message.error('添加失败,请重试')
                    }
                })
        },
    }
}

export default myMixins

使用mixins：

export default {
	mixins: [myMixins],
}

<el-button type="primary" @click="addCollection(id)">放入书架</el-button>