自定义属性，v-bind computed的使用

0.0 自定义组件的使用 【掌握】

先自定义自己的组件

• 引入组件

import 组件名 from '路径/文件名'

• 注册组件

<script>
export default {
    components:{ // 组件注册
        组件名:组件名，
        组件名1
    },
    data(){ // 数据
        return {}
    },
    methods:{ // 方法
        
    }
​
}
​
</script>
​

• 使用组件

  <template>
     <div>
         <组件名></组件名>
          <组件名 />
     
         <!-- 使用组件 -->
             <CommonHeader></CommonHeader>
             <CommonContent />
             <CommonFooter></CommonFooter>
  ​
          <!-- 第二用法 推荐-->
             <common-header></common-header>
             <common-content />