最近在看vue组件部分,父组件和子组件到底是什么？

Question

是不是这种定义的就是父组件.

Vue.component('child',{        props: ['myMessage'],        template: '<span>{{ myMessage }}</span>'});

下面这种调用的就是子组件吗?

<div id="example5">
        <child my-Message="hello"></child>
</div>

还有这句话该怎么理解呢? ==> 类似于用 v-bind 绑定 HTML 特性到一个表达式，也可以用 v-bind 动态绑定 props 的值到父组件的数据中。每当父组件的数据变化时，该变化也会传导给子组件：

div>  <input v-model="parentMsg">
  <br>
  <child v-bind:my-message="parentMsg"></child></div>

是说v-bind:my-message和定义的props进行绑定了吗?

还有就是老提到的字符串模板是es6的模板字符串还是什么？不好意思，小弟初学vue，可能问题有点多

Answer 1

父子组件其实就相当于父子元素一样的关系。你在父组件中使用子组件时不是和正常的html一样的么？如你举的例子：<div>&nbsp;//&nbsp;对于child来说这就是个父组件&nbsp;&nbsp;<input&nbsp;v-model="parentMsg"> &nbsp;&nbsp;<br> &nbsp;&nbsp;<child&nbsp;v-bind:my-message="parentMsg"></child>&nbsp;//&nbsp;这就是子组件</div>而后你所问的那段话其实就是vuejs里一直在说的双向绑定同样拿你的栗子来说，你在input里键入的文本会被实时的更新到子组件child中