通过外部增加对象的形式,对构造器进行扩展。跟混入有点像
<script>
var updated= {
updated: function () {
console.log("扩展出来的upadate")
},
methods: {
add: function () {
console.log("被扩展出来的方法")
}
}
}
var app=new Vue({
el:"#app",
data:{
number:1
},
methods:{
add:function(){
console.log("原生方法")
this.number++;
}
},
updated:function() {
console.log("原生updated")
},
extends:updated
})
</script>
执行顺序是先执行原生的方法,更新的话先执行扩展出来的updated方法,再执行原生的updated,如果扩展方法里的名字和构造器里的一样,那会执行构造器里的方法。
只能有一个扩展