extends选项

extends方法和mixins差不多，是个扩展选项，只是在构造器里写的时候他是个对象（只能有一个对象），而mixins可以写一个数组

<div id="app">
        <p>{{count}}</p>
        <button @click="add">增加</button>
    </div>
    <script>
        var addLog = {
            updated:function(){
                console.log('我是扩展出来的')
            },
            methods:{
                add:function(){
                   this.count++;
                   console.log('我是扩展出来的方法')
               }

            }
        }
        var app = new Vue({
            el:'#app',
            data:{
                count:1
           },
            methods:{
               add:function(){
                   this.count++;
               }
           },
           updated:function(){
               console.log('原生')
           },
           extends:addLog
        })
    </script>

avatar

需要注意的是，扩展出来的方法并没有执行，这个是与mixins一样，因为他与构造器内的方法重名了因而不能执行