vue中调用方法时传参_vue中使用props传值的方法

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传值的方法详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！