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>