vuejs在子组件中如何调用计算属性?

在vue中子组件获取一个来自父组件中的值并处理,使用ref注册并在父组件中引用$refs获取该组件实例,但是如果需要父组件传递给子组件数据再计算,该如何写呢?代码如下:

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();

                }

            }    

        }

        

    },

}

这里我想用从父组件获取的数据inputMessage 在子组件中进行二次处理再输出出来,使用到计算属性,但是这里的return this.$refs却是一个空对象,如何做到子组件在父组件中获取到数据并二次修改再次修改然后输出呢?

HUH函数
浏览 2198回答 1
1回答

牛魔王的故事

一般不是 lowerCase: function(){...}这么写么
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript