vue 动态组件 component 的使用

在 vue 中,component 可以作为一个占位符使用,就像 template 一样。不同的是 component 是组件的占位符,主要用于展示不同的组件,即 component 就是一个动态组件一样。

<component
  :is="curModule"
  ref="tabModule"
  :def-dist="distName"
  @addMarkFun="toAddMarkFun"
  @flyInit="flyToInit"
/>

:is 属性:指定要展示的组件名称,根据is的值来动态渲染组件。

component 的使用方法与使用普通组件一样。

:def-dist、@addMarkFun、@flyInit 都是自己定义的,和普通组件一样

猜你喜欢

转载自blog.csdn.net/AdminGuan/article/details/129558443