![4442f0f7b5f693cf62fda0cbafa33e0a.gif](https://i-blog.csdnimg.cn/blog_migrate/acf58972359819cb0be486c1f6d9014b.gif)
大家好,我是你们的导师,我每天都会在这里给大家分享一些干货内容(当然了,周末也要允许老师休息一下哈)。上次老师跟大家分享了Vue 之响应式原理的知识,今天跟大家分享下Vue 之is的作用和用法的知识。
1 Vue 之is的作用和用法参考文献:https://www.cnblogs.com/chanwahfung/p/13175515.html
is的作用
总所周知,ul里面嵌套li的写法是
html
语法
的固定写法(还有如table,select等)。
//code1
<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组件,全局或者局部都成。 其实就相当于,语义上是一样一样的,就是解决了
html
模板的限制。
is的用法
+ is 的骚操作
<component :is="组件名变量">component>
只要在data里弄个变量,给变量赋值就能动态的切换组件。这个其实在某些场景还是非常好用的安利一下。
![a4ed0599c59945afe90aa1e42485b945.png](https://i-blog.csdnimg.cn/blog_migrate/7504a6ac385fc417eb178fb61da3274b.jpeg)
不受html模板限制的情况
vue官网提醒以下来源使用模板的话,这条限制是不存在的: 字符串 (例如:template: '...')单文件组件 (.vue) 也就是说只有在用cdn方式写vue的时候才会出现这种问题?开发基本用框架,好像没啥事的样子。 今天就分享这么多,关 于Vue 之is的作用和用法的 知 识点 ,你学会了多少? 欢迎在留言区评论,对于有价值的留言,我们都会一一回复的。如果觉得文章对你有一丢丢帮助,请点右下角【 在看 】,让更多人看到该文章。
![fb39edd4198978003f66a645b65ccdf9.gif](https://i-blog.csdnimg.cn/blog_migrate/e15c5b15844726f9173cb62ded36da89.gif)