is属性
首先,提起Vue的组件,大家都不会陌生,使用起来就像使用普通标签一样简单,功能也可以随意定制,真的是很方便.
但是基于html
语法,一些特定的标签,比如<ul>
,<select>
等.
在<ul>
标签下,只有<li>
标签是有效的,同理<select>
表现下只有<option>
有效,那么如果我们想加入自定义的组件该怎么办呢.
这种方法显然是不太适合的:
<ul>
<my-component></my-component>
</ul>
这时候就是is
出场的时候了.
引用官方的示例:
<div id="app">
<form @submit.prevent="addNewTodo">
<label for="new-todo"></label>