Vue3-Prop的作用

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。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h65063.shtml