Extends Option 扩展选项 · web前端

通过外部增加对象的形式，对构造器进行扩展。它和混入非常的类似 # extends我们来看一个扩展的实例 ~~~ <body> <div id="app"> {{message}} <p> <button @click="add">add</button> </p> </div> </body> <script type="text/javascript"> var bbb = { //钩子函数 created: function () { console.log("我是被扩展出来的"); }, methods: { add: function () { console.log('我是被扩展出来的方法！'); } } }; var app = new Vue({ el: '#app', data: { message: 'hello vue', }, methods: { add: function () { console.log('我是原生的方法'); } }, extends: bbb }); </script> ~~~ 同样是扩展的先执行,同名支持构造器里面的方法,覆盖扩展只能放个对象,不能放数组