从字符串打印vue组件

时间:2018-11-07 11:11:17

标签: javascript vue.js vuejs2 vue-component

此示例不起作用,是否有任何解决方案或用法不合法?

Vue.component('hello', {
    template: '<span>Hello world!</span>'
})
Vue.component('foo', {
    data(){
        return {
            say_hello: '<hello></hello>'
        }
    },
    template: '<div v-html="say_hello"></div>'
})

1 个答案:

答案 0 :(得分:1)

不,不支持。 v-html的内容未由Vue处理,因此在那里无法使用vue组件,标签或绑定。

通常,如果您在模板之外看到任何标记,则表示它是反模式。 v-html是您不应该使用的东西,良心不好:-)