前言
首先,你需要知道vue中父组件和子组件分别指的是什么?
父组件:vue的根实例——用new Vue()构造函数创建的vue实例(实例会有一个挂载点,挂载点里的所有内容可理解为父组件的内容)
这里以root为挂载点,root里包含的所有内容可称为模板,即我们常说的父组件
子组件:用Vue.component()注册的组件(下图todo-item就是组件的名称,该名称可自定义,推荐使用短横线分隔命名)
定义组件名的2种方式(截图截自vue官网)
注:建议在html中引用组件时(非字符串模板),组件命名都用短横线命名且字母全小写的方式
父组件向子组件