二十五、Extends Option 擴充套件選項
阿新 • • 發佈：2018-12-18
Extends Option 擴充套件選項
通過外部增加物件的形式，對構造器進行擴充套件。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script type="text/javascript" src="../assets/js/vue.js"></script> <title>Extends Optin Demo</title> </head> <body> <h1>Extends Optin Demo</h1> <hr> <div id="app"> {{message}} <p><button @click="add">add</button></p> </div> <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> </body> </html>