• 售前

  • 售后

热门帖子
入门百科

Vue的方法和属性案例详解

[复制链接]
宇宙无限 显示全部楼层 发表于 2021-8-14 14:12:32 |阅读模式 打印 上一主题 下一主题
vue的方法和属性

1.方法 methods

用法1
  1. methods:{
  2. 方法名:function(){},
  3. }
复制代码
用法2
  1. methods:{
  2. 方法名(){}
  3. }
复制代码
留意
{{}}调用要写()
示例
  1. {{aa()}}
复制代码
事件触发
@click=aa"可以有()也可以没有如果需要传参,加上()
把$event这个特殊参数传进去可以获取事件对象
2.盘算属性

盘算属性是什么
  1. computed
复制代码
盘算属性的特点

       
  • 盘算属性有缓存   
  • 盘算属性是基于他们的依赖进行缓存的   
  • 盘算属性只有在他的相关依赖发生改变时才会重新求值当   
  • 盘算属性所依赖的属性发生厘革时他会重新盘算一次
盘算属性中的方法
  1. set(da)
  2. get()
复制代码
示例
  1.         computed:{
  2.                  //计算属性
  3.                  //计算属性有缓存
  4.                  //直接{{}}调用不用写()
  5.                  //当计算属性所依赖的属性发生变化时他会重新计算一次
  6.                  bb(){
  7.                     return this.arr.filter(a=>a.indexOf(this.search) > -1)
  8.                  },
  9.                  cc:{
  10.                      //调用计算属性时自动触发get方法,修改计算属性时自动触发set方法
  11.                      set(a){
  12.                         console.log('我是set'+"接收的内容"+a+"接收的内容")
  13.                      },
  14.                      get(){
  15.                         console.log('我是get')
  16.                         return this.arr.filter(a=>a.indexOf(this.search) > -1)
  17.                      }
  18.                  }
  19.             },
复制代码
到此这篇关于Vue的方法和属性案例详解的文章就先容到这了,更多相关Vue的方法和属性内容请搜索草根技术分享从前的文章或继承欣赏下面的相关文章希望各人以后多多支持草根技术分享!

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作