# extend API
扩展组件生成一个构造器，通常会与 $mount 一起使用
# 简单使用
<div id="app"></div>
<script>
let Component = Vue.extend({
template: '<div>{{param1}}</div>',
data(){
return{
param1:666
}
}
})
// 挂载到 #app 上
new Component().$mount('#app')
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
# 扩展现有组件
接着上面的示例
<script>
let SuperComponent = Vue.exte (Component)
new SuperComponent({
created() {
console.log(1)
}
})
// 挂载到 #app 上
new SuperComponent().$mount('#app')
</script>
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10