Vue的方法和属性案例详解
时间：2022-01-22 09:50:22|栏目：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 多级组件透传新方法provide/inject
栏 目：vue
本文标题：Vue的方法和属性案例详解
本文地址：http://www.codeinn.net/misctech/191003.html
