概述
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传值的方法详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
最后
以上就是会撒娇蜡烛为你收集整理的vue中调用方法时传参_vue中使用props传值的方法的全部内容，希望文章能够帮你解决vue中调用方法时传参_vue中使用props传值的方法所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复