vue的作用_Vue 之is的作用和用法

阅读本文约需要5分钟

大家好，我是你们的导师，我每天都会在这里给大家分享一些干货内容(当然了，周末也要允许老师休息一下哈)。上次老师跟大家分享了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里弄个变量，给变量赋值就能动态的切换组件。这个其实在某些场景还是非常好用的安利一下。

不受html模板限制的情况

vue官网提醒以下来源使用模板的话，这条限制是不存在的： 字符串 (例如：template: '...')
单文件组件 (.vue) 也就是说只有在用cdn方式写vue的时候才会出现这种问题？开发基本用框架，好像没啥事的样子。 今天就分享这么多，关 于Vue 之is的作用和用法的 知 识点 ，你学会了多少？ 欢迎在留言区评论，对于有价值的留言，我们都会一一回复的。如果觉得文章对你有一丢丢帮助，请点右下角【 在看 】，让更多人看到该文章。