回顧vue官方文檔的過程中發現了is這個特性,雖然以我的寫代碼風格實在用不上,不過還是記錄一下這個知識點
is的作用
<ul>
<li></li>
<li></li>
<li></li>
</ul>
總所周知,ul裏面嵌套li的寫法是html語法的固定寫法(還有如table,select等)。
//code1
<ul>
<my-component></my-component>
<my-component></my-component>
</ul>
my-component是我們自己寫的組件,但是html在渲染dom的時候,my-component對ul來說並不是有效的dom,甚至會報錯。
is的誕生
正是因爲html模板的限制,於是就誕生了is。接下來我們就用is解決上面的問題~
<ul>
<li is='my-component'></li>
</ul>
首先你得註冊my-component組件,全局或者局部都成。 <li is='my-component'></li>其實就相當於<my-component></my-component>,語義上是一樣一樣的,就是解決了html模板的限制。
is的用法
<component> + is 的騷操作
<!-- 組件會在 `件名` 改變時改變 -->
<component :is="組件名變量"></component>
只要在data里弄個變量,給變量賦值就能動態的切換組件。這個其實在某些場景還是非常好用的安利一下。
哈哈哈~到此結束,祝你生活愉快