is与:is的用法和区别(Vue)

首先说一下is的用法

有些元素内部不能使用自定义标签或者自定义标签内也不能放某些特殊的标签,这时候就要用is代替一下,让HTML语法符合规则验证。是属于指定要在内部使用的标签。 在自定义组件中使用这些受限制的元素时会导致一些问题,例如:

is与:is的用法和区别(Vue)_第1张图片

    里面不能直接放组件,只能放li。那解决方法就是用Is

    is与:is的用法和区别(Vue)_第2张图片

     

    借用jomornt的文章vue中is与:is的区别,做一个区别直观解释

    is与:is的用法和区别(Vue)_第3张图片

    该代码的实际效果如下

    is与:is的用法和区别(Vue)_第4张图片

    原因:

    假设父组件中有一个show数据,show="one"

    :is="show"-->实际上是is="one"

    is="show"-->实际上就是is="show"


    做一个区别总结

    is

    可以直接传递一个组件

    :is

    是查找父组件中的一个赋值,然后找到相应的组件

你可能感兴趣的:(vue)