Vue的方法和属性案例详解
vue的方法和属性
1.方法 methods
用法1
methods:{用法2
方法名:function(){},
}
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的方法和属性案例详解的文章就介绍到这了,更多相关Vue的方法和属性内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
推荐阅读
- 热闹中的孤独
- JAVA(抽象类与接口的区别&重载与重写&内存泄漏)
- 放屁有这三个特征的,请注意啦!这说明你的身体毒素太多
- 一个人的旅行,三亚
- 布丽吉特,人生绝对的赢家
- 慢慢的美丽
- 尽力
- 一个小故事,我的思考。
- 家乡的那条小河
- 《真与假的困惑》???|《真与假的困惑》??? ——致良知是一种伟大的力量