脚本宝典收集整理的这篇文章主要介绍了vue中is的作用和用法，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

回顾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=@H_648_126@'my-component'></li>
</ul>

首先你得注册my-component组件，全局或者局部都成。 <li is='my-component'></li>其实就相当于<;my-component></my-component>，语义上是一样一样的，就是解决了html模板的限制。

is的用法

<component> + is 的骚操作

<!-- 组件会在 `件名` 改变时改变 -->
<component :is="组件名变量"></component>

只要在data里弄个变量，给变量赋值就能动态的切换组件。这个其实在某些场景还是非常好用的安利一下。

不受html模板限制的情况

vue官网提醒以下来源使用模板的话，这条限制是不存在的：
字符串 (例如：template: '...')
单文件组件 (.vue)
<script type="text/x-template">
也就是说只有在用cdn方式写vue的时候才会出现这种问题？开发基本用框架，好像没啥事的样子。
哈哈哈~到此结束，祝你生活愉快

脚本宝典总结

以上是脚本宝典为你收集整理的vue中is的作用和用法全部内容，希望文章能够帮你解决vue中is的作用和用法所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。