您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax |

Vue的方法和属性案例详解

51自学网 2022-05-02 21:35:33
  javascript

vue的方法和属性

1.方法 methods

用法1

methods:{
方法名:function(){},
}

用法2

methods:{
方法名(){}
}

注意

{{}}调用要写()

示例

{{aa()}}

事件触发

@click=aa"可以有()也可以没有如果需要传参,加上()
把$event这个特殊参数传进去可以获取事件对象

2.计算属性

计算属性是什么

computed

计算属性的特点

  1. 计算属性有缓存
  2. 计算属性是基于他们的依赖进行缓存的
  3. 计算属性只有在他的相关依赖发生改变时才会重新求值当
  4. 计算属性所依赖的属性发生变化时他会重新计算一次

计算属性中的方法

set(da)
get()

示例

 	computed:{                 //计算属性                 //计算属性有缓存                 //直接{{}}调用不用写()                 //当计算属性所依赖的属性发生变化时他会重新计算一次                 bb(){                    return this.arr.filter(a=>a.indexOf(this.search) > -1)                 },                 cc:{                     //调用计算属性时自动触发get方法,修改计算属性时自动触发set方法                     set(a){                        console.log('我是set'+"接收的内容"+a+"接收的内容")                     },                     get(){                        console.log('我是get')                        return this.arr.filter(a=>a.indexOf(this.search) > -1)                     }                 }            },

到此这篇关于Vue的方法和属性案例详解的文章就介绍到这了,更多相关Vue的方法和属性内容请搜索wanshiok.com以前的文章或继续浏览下面的相关文章希望大家以后多多支持wanshiok.com!


Vue之监听方法案例详解
React开启代理的2种实用方式
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1