第一步封裝元件一般寫在components這個資料夾中正是左側黃框那個檔案

<template>
  <div>
    <!-- 第四部使用元件~~~因為注入的時候是駝峰命名寫法所以在這個
    要使用foor-bar的標籤去使用 -->
    <foor-bar></foor-bar>
  </div>
</template>

<script>
// 第二步引入元件
import FoorBar from '@/components/Foorbar'
export default {
  data () {
    return {
    }
  },

  components: {
    // 第三步注入元件
    FoorBar
  },

  computed: {},

  mounted () {},

  methods: {}
}

</script>
<style lang='scss' scoped>
</style>