Vue.js入门（12）Vue自定义组件

序言

 

自定义组件

Vue组件的三要素

1. props参数

2. slot定制插槽

3. event自定义事件

<template>
  <div class="headComponent">
    {{{ msg }}
  </div>
</template>

<script>
export default {
    props:['data','type'],
    inheritAttrs: false,
    data(){
        return{
            msg:'',
        }
    }
}
</script>
<style scoped>

</style>

View Code