Prop

 

prop 是子组件用来接受父组件传递过来的数据的一个自定义属性。

 

父组件的数据需要通过 props 把数据传给子组件，子组件需要显式地用 props 选项声明 "prop"：

 

Prop 实例

<div id="app">

  <site-name title="Google"></site-name>

  <site-name title="Runoob"></site-name>

  <site-name title="Taobao"></site-name>

</div>

 

<script>

const app = Vue.createApp({})

 

app.component('site-name', {

  props: ['title'],

  template: `<h4>{{ title }}</h4>`

})

 

app.mount('#app')

</script>

 

 

一个组件默认可以拥有任意数量的 prop，任何值都可以传递给任何 prop。