vue 的高级用法mixins

1,029 阅读1分钟
1.**mixins(混入)****的使用 因为业务场景或者其他的原因,项目里面使用的很多方法经常会重复,这个时候如果我们使用mixins就会减少我们的代码量,不用重复的谢,只需要引入就可以直接使用,同时呢也能够做一些性能上的优化,毕竟少定义了一些方法嘛。

具体用法如下:

 

文件mixins.js

const mixins = { 
    methods: { 
        getText (list) { consoel.log(list) } 
    } 
} 
export default mixins 

文件index.vue

<template> 
    <div @click="test()">hahha</div> 
</template> 
<script> 
import mixins from './mixins.js'
export default { 
    mixins: [mixins], 
    data () { 
        list: [{ text: '1', value": 1, },{ text: '2', value": 2, }] 
    },
    methods: { test () { this.getText(this.list) } } }
</script>