Vue的方法和属性案例详解

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

您可能感兴趣的文章:

• Vue.js中的计算属性、监视属性与生命周期详解
• vue 计算属性和侦听器的使用小结
• vue中的计算属性和侦听属性
• 详解Vue之计算属性
• Vue computed 计算属性代码实例
• vue计算属性+vue中class与style绑定(推荐)
• Vue学习笔记之计算属性与侦听器用法
• vue计算属性无法监听到数组内部变化的解决方案

本文由 华域联盟 原创撰写：华域联盟 » Vue的方法和属性案例详解

转载请保留出处和原文链接：https://www.cnhackhy.com/77423.htm