Vuejs2 Vue2.x如何在组件中使用计算属性？

子组件从父组件获取值，在子组件中使用

ref

，父组件使用

$refs

获取子组件实例。但是如果子组件获取父组件值

inputMessage

并进行计算，如何写入？守则：

export default{
    data(){
        return{
            parentMsg:'hello!'
        }
    },
    components:{
        child:{
            props:['inputMessage'],
            template:'<span>{{inputMessage}}</span>'
        },
        'child-secound':{
            props:['inputMessage'],
            template:'<span>{{lowerCase}}</span>',
            computed:{
                lowerCase(){
                    return this.$refs;
                    // return this.inputMessage.toLowerCase();
                }
            }    
        }

    },
}

导出默认值{
数据（）{
返回{
parentMsg:“你好！”
}
},
组成部分：{
儿童：{
道具：['inputMessage']，
模板：“{inputMessage}}”
},
“孩子的声音”：{
道具：['inputMessage']，
模板：{{lowerCase}}}，
计算：{
小写（）{
返回此项。$refs；
//返回此.inputMessage.toLowerCase（）；
}
}    
}
},
}

---

我希望子组件获取父组件的值'inputMessage'，并使用

this.inputMessage.toLowerCase（）

来更改它，但是在那里，

返回这个值。$refs

是空值，为什么？如何写作

为什么您要使用

这个。$refs

，不应该

返回这个.inputMessage.toLowerCase（）

来做这项工作？@Saurabh是的，谢谢，我首先使用

返回这个.inputMessage.toLowerCase（）

，但是如果不起作用，那么我就改变它，因为我不知道在子组件

中这是谁的意思，现在我知道了，Thanks必须向子组件添加一个道具，以便使用绑定在父组件中将值传递给它。相当标准。如果是几层以下的孩子，你应该使用事件中心或类似vuex的东西