子组件在父组件作为标签引入,通过设置标签的属性传递数据
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的值,强制使用会改变值但是控制台会报错