Vue的方法和属性案例详解

这篇文章主要介绍了Vue的方法和属性案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下

vue的方法和属性 1.方法 methods

用法1

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

用法2

methods:{
方法名(){}
}

注意

{{}}调用要写()

示例

{{aa()}}

事件触发

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

2.计算属性

计算属性是什么

computed

计算属性的特点

计算属性有缓存

计算属性是基于他们的依赖进行缓存的

计算属性只有在他的相关依赖发生改变时才会重新求值当

计算属性所依赖的属性发生变化时他会重新计算一次

计算属性中的方法

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的方法和属性内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyfjjx.html