我通常像这样导入我的组件:
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文件中?
不要手动安装组件,它通常仅在测试和某些只能在元素可用后才能安装的情况下有用(例如,与旧代码集成时)。
在中single file components
,您的基本组件已经安装,因此Vue
将为您处理。在您的情况下,您应该使用v-if
仅在满足条件时才安装组件的组件。您不必手动进行。
这是JSFiddle:https ://jsfiddle.net/5p3nq001/
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句