十六、父组件和子组件


在前面我们看到了组件树:

  • 组件和组件之间存在层级关系
  • 而其中一种非常重要的关系就是父子组件的关系

我们来看通过代码如何组成的这种层级关系:

父子组件错误用法:以子标签的形式在Vue实例中使用

  • 因为当子组件注册到父组件的components时,Vue会编译好父组件的模块
  • 该模板的内容已经决定了父组件将要演染的HTML(相当于父组件中已经有了子组件中的内容了)
  • <child-cpn></child-cpn>是只能在父组件中被识别的。
  • 类似这种用法,<child-cpn></child-cpn>是会被浏览器忽略的。 
    

相关