父组件向子组件传值–props

子组件在父组件作为标签引入,通过设置标签的属性传递数据

import  Child  from  './demo/child'
components: { Child }
<Child :name="fname"/>

在子组件用props接受

props:{
    name:{
        type:String,//数据类型(Number,Boolean,Object,Array,Function等)
        default:'yangl'//默认值
    }
}
<p>我是前端开发人员{{name}}</p>

注意:
prop是单向绑定,不能做自组件修改prop的值,强制使用会改变值但是控制台会报错

发表评论

电子邮件地址不会被公开。 必填项已用*标注