1.静态传值(在父组件中赋值好props中属性的值传递给子组件)
父组件
import child from ‘./components/child.vue’
export default{
components:{
child
}
}
子组件
{
{message}}
export default{
props:[‘message’],
data(){
},
methods:{
fun:function(){
}
}
}
结果：打印hello
2.动态传递(根据父组件中值的改变，props动态的改变子组件中的值)
父组件
import child from “./components/child.vue”
export default{
//构建child组件
components:{
child
},
data(){
return {
//初始化message
message:”
}
}
}
2.子组件
childmessage is:{
{childmessage}}
export default{
//将childmessage传递给child
props:[‘childmessage’]
}
结果：两者同步改变
以上所述是小编给大家介绍的vue中使用props传值的方法详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！