美文网首页
vue中methods与computed,filters,wat

vue中methods与computed,filters,wat

作者: beat_3e68 | 来源:发表于2019-04-24 17:02 被阅读0次

    methods:methods属性里面的方法会在数据发生变化的时候你,只要引用了此里面分方法,方法就会自动执行。这个属性没有依赖缓存。

    computed属性,是一个计算属性,该属性里面的方法名相当于data属性里面的key,他可以作为key值使用,该属性里面的方法必须要有return返回值,这个返回值就是(value值)。computed属性是有依赖缓存的。for-example:

     computed:{
                //这里的sum可以单独作为一个key值
                sum(){
                    return this.xing + this.ming
                }
            }
    

    computed计算属性的反向计算。
    filters属性,是过滤器属性,在vue2.0以后取消了vue本身自带的过滤器,但是我们可以通过自定义过滤器来实现相应的功能。改属性里面的方法需要有一个参数,这个参数是我们在运用过滤器的时候的数据,通过各过滤器方法的返回值,就是我们在页面上实际渲染的东西。

     filters:{
                //{{xing | hell}}参数v就是xing的值
                hell (v) { 
                    console.log(v);
                    return 'hello';
                }
            }
    

    watch属性,是监听属性。这个监听的是data属性里面的数据,当这个数据发生变化时,将自动执行这个函数。

    watch:{
                xing(){
                    console.log("aaa")
                }
            }
    

    相关文章

      网友评论

          本文标题:vue中methods与computed,filters,wat

          本文链接:https://www.haomeiwen.com/subject/csbwgqtx.html