我通常像这样导入我的组件:
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 文件中挂载一个组件呢？
最佳答案
不要手动挂载组件，它通常只在测试和某些情况下有用，在这些情况下您只能在元素可用后才能挂载(即与遗留代码集成时)。
对于单文件组件，您的基础组件已经安装，因此Vue 会为您处理。在您的情况下，您应该使用 v-if ，它仅在满足条件时安装组件；您不必手动执行此操作。
这是 JSFiddle:https://jsfiddle.net/5p3nq001/
关于vue.js - 如何挂载一个vue组件？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47929753/