文檔中這樣說:在自定義組件中使用這些受限制的元素時(shí)會(huì)導(dǎo)致一些問題,例如:<table> <my-row>...</my-row> </table> 自定義組件 <my-row>被認(rèn)為是無效的內(nèi)容,因此在渲染的時(shí)候會(huì)導(dǎo)致錯(cuò)誤。變通的方案是使用特殊的 is 屬性但在實(shí)際試用中,發(fā)現(xiàn)這樣寫是仍會(huì)被正確解析的:<div id="example"> <table> <my-row></my-row> </table></div>var Myrow = { template: '<span>沒有使用is屬性也能顯示</span>'}var example = new Vue({ el: '#example', components: { 'my-row': Myrow }})效果:沒有使用is屬性也能顯示是我哪里寫得不對(duì),陰差陽錯(cuò)撞上了?修改:確實(shí)是沒有正確渲染,我看錯(cuò)了DOM結(jié)構(gòu)不對(duì),<span>被解析到<table>外部了,表面看上去一樣,實(shí)際是不一樣的
vue官方文檔中的自定義組件在特殊環(huán)境下仍會(huì)被成功解析?
紅顏莎娜
2018-11-22 18:15:42