vue props (组件自定义特性) 介绍 【草稿】

定义：

Prop 是你可以在组件上注册的一些自定义特性。当一个值传递给一个 prop 特性的时候，它就变成了那个组件实例的一个属性。

1. 用 prop 向子组件传递数据 

<div id="div" >
<food></food>
</div>

<script>
Vue.component('food', {
     props: ['type'],
     template: '<h1>{
   { type }}</h1>',
     data:function(){
               this.type="fruit"}
})

new Vue({
     el:"#div"
})

</script>

一个组件默认可以拥有任意数量的 prop，任何值都可以传递给任何 prop。在上述模板中，你会发现我们能够在组件实例中访问这个值，就像访问 data 中的值一样。

一个 prop 被注册之后，你就可以像这样把数据作为一个自定义特性传递进来：

Vue.component('