局部mixins
//mixins.js
export const myMixins = {
data () {
return {
name: 'wyh'
}
},
created () {
console.log('布局minins')
}
}
// 使用
<script>
import { myMixins } from './mixins.js'
export default {
mixins: [myMixins], //使用mixins 会打印布局minins 也能使用里边定义的数据
data () {
return {
name: 'james', // 如果存在和mixins相同的属性会覆盖mixins
}
},
}
</script>
全局mixins
// main.js
Vue.mixin({
created () {
console.log('我是全局mixin')
}
})