zoukankan      html  css  js  c++  java
  • vue-----5计算属性

    计算属性

    将函数当做变量使用

    用的时候喜欢变量,因为简洁

    但更多的时候更喜欢他是一个函数,因为函数调用的时候许多地方是我们可以控制的

    而一个变量你改动了它,或其他操作,没人知道,后面回用到watch

    此时有个东西叫计算属性

    字符串反向输出

    {{msg.split("").reverse().join("")}}

    但是很不舒服,因为你把一个内部的逻辑暴露了出来,内衣外穿的不舒服

    1,封装到函数中

    将上面的逻辑封装到methods:{

    msg:funtion(){

    return this.msg.split("").reverse().join("")

    }

    html中{{msg()}}

    如果连括号都懒得写

    则用

    2 计算属性

    methods:{
                    addCount:function(){
                        this.count++;
                    },
                    subCount: function(){
                        this.count--;
                    }
                },
    computed:{
                    msg:function(){
    
                    }
                },

    和methods平等的级别,写也没有区别

    但是在html中可以{{msg}}以属性的方式调用

    看十遍不如自己写一遍!巩固基础,纵横开拓!
  • 相关阅读:
    discuz $_G变量
    php & 引用
    discuz模板引擎
    nginx正则表达式
    linux系统安装 dig和nslookup命令
    linux中的各种$号 位置参数变量
    memcache图形管理工具
    mysql 注入问题
    pycharm 连接mysql失败
    Bootstrap 常用网站
  • 原文地址:https://www.cnblogs.com/gyxpy/p/13200406.html
Copyright © 2011-2022 走看看