动态组件绑定实现Tabs切换

使用动态组件绑定实现Tabs切换

在Vue里面实现Tab切换主要有三种方式:

  • 使用vue-router适用于大型应用
  • 使用动态组件绑定
  • 用active用css控制显示和隐藏

今天主要研究使用动态组件的Tab切换,上代码




使用动态组件绑定可以分为以下几个步骤:

  • 在父组件中定义一个主 tab 标签页,用于切换
  • 同时为每个 tab 绑定点击事件,传入该 tab 的子组件名
  • 最后引入并定义子组件

keep-alive 指令可以将切换出去的组件保留在内存中,可以保留它的状态或避免重新渲染。

你可能感兴趣的:(动态组件绑定实现Tabs切换)