VUE注冊局部組件

    // 局部組件命名規范
    /*
      1文件夾名大駝峰 MyLocalBtn.vue
      2 使用的時候 將駝峰轉化為橫杠 <my-local-btn></my-local-btn>

    */ 

 

MyLocalBtn.vue局部組件

<template>
    <div>
        <div>我輸局部組件---{{valuea}}</div>
    </div>
</template>

<script>
    export default {
        name:"my-local-btn",
        data(){
            return{

            }
        },
        props:["valuea"]

    }

</script>

 

在某個組件中使用局部組件

<template>
    <div>
        <!-- 使用局部組件 -->
        <my-local-btn valuea="新增數據"></my-local-btn>
    </div>
</template>

<script>
import MyLocalBtn from   "../../components/cuscom/MyLocalBtn";  //引入局部組件
    export default {
        data(){
            return{

            }
        },
        components: {
            'my-local-btn': MyLocalBtn  //引入局部組件 通過components組件
        },

    }
</script>