vue组件详解(Vue的方法和属性案例详解)
类别:编程学习 浏览量:550
时间:2021-10-05 00:35:24 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的方法和属性内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
您可能感兴趣
- uniapp使用vue写页面(分析uniapp入门之nvue爬坑记)
- vue左右滑动切换(vue实现界面滑动效果)
- vue将弹框抽离成组件(vue3 可拖动的左右面板分割组件实现)
- vue如何加速(vue函数防抖与节流的正确使用方法)
- vue自定义列组件(vue自定义表格列的实现过程记录)
- vue双向数据绑定js如何实现(纯JS如何实现vue.js下的双向绑定功能)
- vue调用后台接口实现预览(vue实现集成腾讯TIM即时通讯)
- vue可以使用jsx语法吗(vue中正确使用jsx语法的姿势分享)
- vue实现添加购物车小球(Vue实现简易购物车案例)
- vue3.0零基础入门(快速掌握Vue3.0中如何上手Vuex状态管理)
- vue各种模块(一篇文章学会Vue中间件管道)
- vue websocket实时刷新数据(Vue+WebSocket页面实时刷新长连接的实现)
- vue导出动态的excel功能(vue中如何下载excel流文件及设置下载文件名)
- vue自定义组件修饰符(Vue自定义组件使用事件修饰符的踩坑记录)
- vue3 composition api用法(vue3中provide和inject的使用)
- vue3.0安装element(vue3+electron12+dll开发客户端配置详解)
- 来了 成都轨道交通5条线路刷新 进度条(成都轨道交通5条线路刷新)
- 一部手机两套系统 OPPO Find X3的正确打开方式你知道吗(一部手机两套系统)
- OPPO用户看过来 汇总几个春节实用技巧,轻松搞定多设备联动玩法(汇总几个春节实用技巧)
- 北京旅游攻略(北京旅游攻略5日游及其花费)
- 四川旅游攻略(四川旅游攻略自由行攻略)
- 上海迪士尼攻略(上海迪士尼攻略旅游)
热门推荐
- docker镜像内安装python包(如何使用Docker搭建pypi私有仓库)
- jquery的each的用法
- DBnull和null的区别
- 是选择vps还是云主机(云主机和VPS主机的不同之处)
- nodejs部署上传文件(node.js使用express-fileupload中间件实现文件上传)
- dedecms替换条件(织梦cmsDEDECMS通过正则批量查找替换数据库的自定义内容)
- vue时间转换(vue如何动态实时的显示时间浅析)
- 查看SQL SERVER中指定数据库所有表的字段信息
- css之float布局(css float属性_动力节点Java学院整理)
- sqlserver2012卸载工具(Windows下SQL Serever 2012彻底卸载删除教程)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9