vue props组件传值

定义组件的时候使用驼峰，使用的时候使用短横线
prop 传值时候如果使用的是短横线，接受的时候要使用驼峰

<template>
<div id="example">
	<!--自定义组件MyComponent-->
  <my-component title="你好" :full-name="name"></my-component>
</div>
</template>

<script>
import Vue from 'vue'

// 定义组件的时候使用驼峰，使用的时候使用短横线
//1.使用的时候通过属性传递值
//2。定义的时候通过props接受值
//3.prop 传值时候使用的是短横线，接受的时候要使用驼峰
Vue.component('MyComponent', {
  props:['title','FullName'],
  data(){
    return{
      message:'hello world'
    }
  },
  template: "<div>{{message}}-------{{title}}-------{{FullName}}</div>"
})


export default {
  data(){
    return{
      name:'hello'
    }
  }
  
}
</script>

<style>

</style>