Extends Option 扩展选项（23）

通过外部增加对象的形式，对构造器进行扩展。跟混入有点像

<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>

image.png

执行顺序是先执行原生的方法，更新的话先执行扩展出来的updated方法，再执行原生的updated，如果扩展方法里的名字和构造器里的一样，那会执行构造器里的方法。

image.png image.png

只能有一个扩展