VueJs学习随笔--插槽和异步组件

2019-07-22 · 大约 300 个字 · 预计 2 分钟读完

插槽

Vue 中提供插槽来让你替换组件中的部分内容, 例如你定义了一个组件 <navigation-link> :

1
2
3
<a v-bind:href="url" class="nav-link">
  <slot></slot>
</a>

这里的 <slot> 就是可以替换的内容部分，如果你这样使用：

1
2
3
<navigation-link url="/profile">
  Your Profile
</navigation-link>