<div>
<Test1/>
<Test2/>
<Test3/>
</div>
/** ------------------------------第一种------------------------------ */
('test1', {
render: function (createElement) {
return createElement('div', {}, ['<em>test1</em>'])
},
props: {}
})
/** ------------------------------第二种------------------------------ */
('test2', {
render: function (createElement) {
return createElement('div', {}, [createElement('em', {}, 'test2')])
},
props: {}
})
/** ------------------------------第三种------------------------------ */
('test3', {
render: function (createElement) {
return createElement(
'div',
{
domProps: {
innerHTML: '<em>test3</em>'
}
},
[]
)
},
props: {}
})
new Vue({
el: '#app'
});
