混入(mixins)是一种分发Vue组件中可复用功能非常灵活的方式。
混入对象可以包含任意组件选项
当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<script src="../lib/vue.js"></script>
<body>
<div id="app">
<button @click="handleClick">触发</button>
{{total}}
</div>
<script>
const obj={
methods:{
handleClick(){
console.log("click");
},
handleClick1(){
console.log("click1");
},
handleClick2(){
console.log("click2");
}
},
computed:{
total(){
return "2222";
}
}
}
//mixins 公共方法引入
new Vue({
el:"#app",
data:{
},
mixins:[obj],//混入obj 对象到
methods:{
handleClick(){
console.log("内部定义");
},
}
})
</script>
</body>
</html>
网友评论