4、完成父组件给子组件传值，将’好好复习’传递给子组件显示出来 <div id="example"> </div> <script> Vue.component('my-component',{ props:['message'], template:'<p>{{message}}</p>' }) var vm=new Vue({ el:"#example" }) </script>

可以在 `vm` 实例中通过 `data` 选项定义父组件传递给子组件的值，并通过 `props` 选项将值传递给子组件。具体实现如下：

<div id="example">
  <my-component :message="parentMessage"></my-component>
</div>

<script>
Vue.component('my-component', {
  props: ['message'],
  template: '<p>{{ message }}</p>'
})

var vm = new Vue({
  el: '#example',
  data: {
    parentMessage: '好好复习'
  }
})
</script>

在上述代码中，我们定义了一个 `my-component` 组件，该组件接收一个名为 `message` 的 `props`，并在模板中显示该值。在 `vm` 实例中，我们使用 `data` 选项定义了一个名为 `parentMessage` 的数据属性，并将该值传递给子组件的 `message` `props`。这样，当页面渲染时，子组件会显示出父组件传递过来的值：`好好复习`。