vue.js组件使用components

<template>
  <div>
    <h1>底部信息</h1>
    <div>{{copyright}}</div>
  </div>
</template>
<script>
export default {
  name: "bottom",
  props:["copyright"]
};
</script>

<template>
  <div>
    <h1>首页</h1>
    <bottom copyright=‘xxxxx 2020‘></bottom>
  </div>
</template>
<script>
import bottom from ‘@/views/home/components/bottom‘
export default {
  name: "home",
  components: { bottom },
  data() {
    return {
      
    };
  }
};
</script>