如果您有通过 Node 安装的 vue 组件：
node_modules/vendor/somecomponent.vue
有什么方法可以修改/扩展该组件的模板/方法吗？
Update:
尝试下面的示例后，我遇到了这个问题：
我在用https://github.com/eliep/vue-avatar https://github.com/eliep/vue-avatar我需要用一个道具来扩展它，也许还需要稍微修改一下模板。
import {Avatar} from 'vue-avatar'
Avatar = Vue.component('Avatar').extend({
props: ['nationality']
});
export default {
components: {
Avatar
},
...
}
结果是TypeError: Cannot read property 'extend' of undefined
似乎没有具体记录，但是the extendVue本身的方法 https://v2.vuejs.org/v2/api/#Vue-extend可用于组件。您可以覆盖模板并添加方法（以及数据和道具）。
Vue.component('someComponent', {
template: '<div>hi {{name}} {{one}}</div>',
data: () => ({
name: 'original'
}),
props: ['one'],
methods: {
original: function() {
this.name = 'original';
}
}
});
const myC = Vue.component('someComponent').extend({
template: '#my-template',
props: ['two'],
methods: {
another: function() {
this.name = 'another';
}
}
});
new Vue({
el: '#app',
components: {
myComponent: myC
}
});
<script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.2.3/vue.min.js"></script>
<div id='app'>
<my-component one="arf" two="meow"></my-component>
</div>
<template id="my-template">
<div>Look, it's {{name}} {{one}} {{two}}
<button @click="original">Call original</button>
<button @click="another">Call another</button>
</div>
</template>
Avatar似乎是一个组件规范，Vue 将从中创建一个组件对象的简单 JavaScript 对象。尝试这个：
Vue.component('originalAvatar', Avatar);
const newAvatar = Vue.component('originalAvatar').extend({
/* Your spec */
});
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
