学习笔记(17):Vue2.x从入门到实战-Component 组件props 属性设置

立即学习:https://edu.csdn.net/course/play/6823/135327?utm_source=blogtoedu

Component组件的props属性

1、定义属性并获取属性值

<pop :here="country"></pop>

var app=new Vue({
        el:'#app',
        data:{
            china:'sichuan'
        },
        components:{
           " pop":{
                template:`<p style="color:blue;">panda from {{here}}</p>`,
                props:['here']
            }
        }
    })

定义属性需要用到props选项，加上数组形式的属性名称，在构造器里面局部注册标签，将标签中的here属性传入template中，这时props设置了here的属性值，将here属性的值传给template组件.

新手一枚，若有不足，请指正！