【VUE2】vue中render函数 渲染html代码的三种方式
vue render的三种输出方式
·
<div>
<Test1/>
<Test2/>
<Test3/>
</div>
/** ------------------------------第一种------------------------------ */
Vue.component('test1', {
render: function (createElement) {
return createElement('div', {}, ['<em>test1</em>'])
},
props: {}
})
/** ------------------------------第二种------------------------------ */
Vue.component('test2', {
render: function (createElement) {
return createElement('div', {}, [createElement('em', {}, 'test2')])
},
props: {}
})
/** ------------------------------第三种------------------------------ */
Vue.component('test3', {
render: function (createElement) {
return createElement(
'div',
{
domProps: {
innerHTML: '<em>test3</em>'
}
},
[]
)
},
props: {}
})
new Vue({
el: '#app'
});
更多推荐
已为社区贡献3条内容
所有评论(0)