通过外部增加对象的形式,对构造器进行扩展。它和混入非常的类似。
就是在调用时候,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 })