Question

我通常会导入我的组件：

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文件中安装组件？

Answer 1

不要手动安装组件，它通常仅在测试和某些情况下有用，在这种情况下，只能在元素可用后（即与遗留代码集成时）进行安装。

对于single file components，您的基本组件已经安装，因此Vue将为您处理此问题。在您的情况下，您应该使用v-if，只有在满足条件时才会安装组件;你不必手动完成。

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

如何安装vue组件？

1 个答案: