extends 扩展选项

通过外部增加对象的形式,对构造器进行扩展。它和混入非常的类似。
就是在调用时候,extends是extends:bbb   mixins混入是 mixns:[bbb]
还有一点vue里面一般带s的都是局部方法,有一个全局的Vue.extend,它和这个没有对应关系,比较特殊,像component和components等都是对应的全局和局部

html

<div id="app">
           <p>{{message}}</p>
           <button @click="add()">混入</button>
</div>

js

var upData = {
            updated:function(){
                console.log("数据变化了,变成了"+this.message+".")
            }
        }
       
        var vm = new Vue({
            el:"#app",
            data:{
                message:1
            },
            created:function(){
                console.log('我是原生的');
            },
            methods:{
                add:function(){
                    this.message++
                }
            },
            extends:upData
        })
原文地址:https://www.cnblogs.com/Model-Zachary/p/6943161.html