vue组件:props传值

Prop是你可以在组件上注册的一些自定义特性。当一个值传递给一个prop特性的时候,它就变成了那个组件实例的一个属性。
  从这句话上面我们能看出两点
  1、prop是写在组件上的。
  2、把父组件的一个值传给子组件时,这个值通过prop转化成了这个子组件实例的一个属性。
  静态传值:


动态传值:

 let vm = new Vue({
           el:'#app',
           data:{
                
           }
        });
Vue.component('my-header', {
            props:['lists'],
            template:`
                
  • {{lists}}
` })
let vm = new Vue({
           el:'#app',
           data:{
                headerList:'首页'
           }
        });

你可能感兴趣的:(vue组件:props传值)