vue 动态组件

动态组件,在一个页面里面动态的切换组件,可以使用component标签上is特性,可以在父组件里动态的切换不同组件

  1. 使用 is 特性,我们可以挂载不同的组件。

  2. 不同组件进行切换时,默认不会保留组件之前的状态。

  3. 可以使用<keep-alive>元素将动态组件包裹起来,这样被切换的组件会保持上一次的状态。

代码如下

1:切换组件

页面显示结果如下

2:显示。有些 HTML 元素,诸如 ul、table 等,对于哪些元素可以出现在其内部是有严格限制的。而 li、tr 和 option,只能出现在其它某些特定的元素内部。使用is特性可以避免

代码如下

页面显示结果如下

posted @ 2020-04-17 21:59  洋葱头king  阅读(710)  评论(0)    收藏  举报