vue组件中name的使用

官方文档指出:name只有作为组件选项时起作用。我的理解就是在vue中,name属性是和组件息息相关的,只有在需要处理组件方面的问题才会牵扯到name属性。

常见的几种用途

  • 1、组件递归操作
    vue允许组件模板调用自身,这在日常需求中也时有出现,此时我们就可以根据组件的name,来进行操作。
    例:
    
    
    data(){ return { comRecursive :[ { name:'第一层内容1', childArr:[ { name:'第二层内容1' }, { name:'第二层内容2', childArr:[ {name:'第三层内容1'} ] } ] }, { name:'第一层内容2' }, { name:'第一层内容3' } ] } }

你可能感兴趣的:(vue组件中name的使用)