Vue.mixin() 可以把你创建的自定义方法混入所有的 Vue 实例。
官网Vue.mixin
<html>
<head>
<title>mixin</title>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
{{text2}}
</div>
</body>
<script>
// 全局混入
Vue.mixin({
created(){
console.log('mixin混入的create')
},
data(){
return{
text2:'text2'
}
},
methods:{
$_showAlert(value){
alert(value)
}
}
})
// vue实例
let vue =new Vue({
el:'#app',
data:{
text1:'text1'
},
created(){
console.log('原生的')
},
mounted(){
this.$_showAlert(this.text1)
},
//局部混入
mixins:[
{
created(){
console.log('mixin混入的create')
},
data(){
return{
text2:'text2'
}
},
methods:{
showAlert(value){
alert(value)
}
}
}
]
});
</script>
</html>
