如何安装Vue组件?

Panthro

我通常像这样导入我的组件:

Vue.component('comments', require('./components/Comments.vue'));

但是我希望根据条件手动安装.vue文件。文档状态:

var MyComponent = Vue.extend({
    template: '<div>Hello!</div>'
})

var component = new MyComponent().$mount()
document.getElementById('app').appendChild(component.$el)

但是如何将组件安装在单独的vue文件中?

craig_h

不要手动安装组件,它通常仅在测试和某些只能在元素可用后才能安装的情况下有用(例如,与旧代码集成时)。

在中single file components,您的基本组件已经安装,因此Vue将为您处理。在您的情况下,您应该使用v-if仅在满足条件时才安装组件的组件。您不必手动进行。

这是JSFiddle:https ://jsfiddle.net/5p3nq001/

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章