最后使用 函数化组件(支持webpack)实现了需求.

<p id="app">
    <child :para="this.argus" :temp="this.html"></child>
</p>
<script>
   var vm = new Vue({
    el: "#app",
    data: {
        html: `<input>`,
        argus: {type: 'text'}
    },
    components: {
        child: {
            functional: true,
            render:(h, context)=> {
                const temp = context.props.temp;
                const para = context.props.para;
                return h({template: temp}, {
                    attrs: para
                })
            },
            props: {
                temp: {
                    type: String,
                    required: true
                },
                para: {
                    type: Object,
                    required: true
                }
            }
        }
    }
})
</script>

template:'this.temp',

这里应该去掉单引号

应该不可以吧，组件模板要先编译成 render 函数再使用的

你可以考虑写成 render 函数，在 render 函数里接受父组件传来的参数，实现可变组件，但直接接受父组件的 html 串作为模板应该是不可行的

template: <p v-html='temp'></p>

谢邀
首先，如果你是单纯的传递一段静态的html代码。@zWìng 的做法已经可以了。
但如你要传递动态的template:'<p>123{{name}}</p>'，我建议别这样用。
如果你有需要动态替换内容区域的需求，你可以参考官方的动态组件