uni-app计算属性(computed)、方法(methods)、监听(watch)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app计算属性(computed)、方法(methods)、监听(watch)相关的知识,希望对你有一定的参考价值。

参考技术A 例如:

1、对于计算属性来说,当计算属性中的值(firstText、lastText)发生改变的时候,则计算属性中的相关方法(fullText)将被触发
2、对于监听来说,当变量值(firstText、lastText)发生改变的时候,监听中变量值的监听方法(firstText、lastText)将被触发
3、对于方法来说,当页面发生重新渲染的时候,方法将被重新执行

uni-app 计算属性 computed

功能:=》大于1000用kg表示 小于1000,用g表示

    计算属性  计算属性必须是有一个返回值的哦  
    在html写被计算的值
    在computed中去直接调用哈

        <view>
            <text>{{jisuweight}}</text>
        </view>
        
        data() {
            return {
                weight:1110,
            }
        },
        computed:{
            jisuweight(){
                return this.weight>1000 ? (this.weight/1000)+"kg" : this.weight;
            }
        },

以上是关于uni-app计算属性(computed)、方法(methods)、监听(watch)的主要内容,如果未能解决你的问题,请参考以下文章

[每天进步一点点~] vue uni-app 计算属性computed和监听watch

uni-app开发踩坑记录

Vue computed计算属性 理解

vue之computed(计算属性)的使用方法有哪些?

Vue之computed-计算属性

Vue3.x computed函数----计算属性