mixins选项

mixins是混入选项操作,一般用于在你写完构造器后想加些东西却不想污染构造器时使用,一种是当很多地方需要用时作为全局的使用,随时可以调用,同时下面的栗子中构造器原生的updated和构造器内的和全局的还有顺序规则,需要注意的是如果构造器内的mixin的名和构造器内方法的名字重了,就不存mixin了

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<div id="app">
<p>{{count}}</p>
<button @click="add">增加</button>
</div>
<script>
//全局的
Vue.mixin({
updated:function(){
console.log('全局mixin')
}
})
var addLog = {
updated:function(){
console.log('mixin')
}
}
var app = new Vue({
el:'#app',
data:{
count:1
},
methods:{
add:function(){
this.count++;
}
},
//原生
updated:function(){
console.log('原生')
},
//构造器内
mixins:[addLog]
})
</script>

顺序:全局 构造器内 原生

顺序

-------------本文结束感谢您的阅读-------------