2. Vue 向子组件传递参数

2. Vue 向子组件传递参数

Vue 向子组件传递参数 Prop 是你可以在组件上注册的一些自定义 attribute。当一个值传递给一个 prop attribute 的时候，它就变成了那个组件实例的一个属性。为了给博文组件传递一个标题，我们可以用一个 props 选项将其包含在该组件可接受的 prop 列表中：

Vue.component('blog-info', { props: ['info'], template: ` ` }) new Vue({ el: '#app', data: { infos: [ { id: 1, title: 'My journey with Vue', content:'1..' }, { id: 2, title: 'Blogging with Vue', content:'2..' }, { id: 3, title: 'Why Vue is so fun', content:'3..' } ] } })

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。