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的方法和属性内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
您可能感兴趣
- vue 富文本图片上传(vue.js云存储实现图片上传功能)
- vue如何在tab标签页循环加定时器(vue实现tab标签标签超出自动滚动)
- vue获取图片并展示(vue卡片式点击切换图片组件使用详解)
- vue-router起步教程交流(vue3使用vue-router的完整步骤记录)
- vue渲染数据的过程(Vue前端高效开发之列表渲染指令)
- vuex-table行列转换效果(vue3+el-table实现行列转换)
- vue项目部署到服务器的nginx(Nginx部署vue项目和配置代理的问题解析)
- vuekeep-alive源码(vue中keepAlive组件的作用和使用方法详解)
- vue高阶组件怎么用(vue更多筛选项小组件使用详解)
- vue怎么引入axios(如何用vue封装axios请求)
- vue源码系列教程(vue使用引用库中的方法附源码)
- vue 父组件传值(Vue两个同级组件传值实现)
- vue用于动态切换组件的内置组件(Vue 可拖拽组件Vue Smooth DnD的使用详解)
- vue3封装table组件(Vue封装通用table组件的完整步骤记录)
- vue怎么在中间加图片(Vue实现多图添加显示和删除)
- vuejs组件使用教程交流(Vue vee-validate插件的简单使用)
- 学好汉语拼音,从娃娃绕口令抓起,平时还是要多练 收藏好(从娃娃绕口令抓起)
- 仙女们的私藏鲜法大PK 鲜香切块牛肉(仙女们的私藏鲜法大PK)
- 天热没胃口 这道菜开胃又下饭,2个小技巧新手一学就会(这道菜开胃又下饭)
- 指天椒紫苏爆炒牛肉(指天椒紫苏爆炒牛肉)
- 谷雨前,吃牛羊肉别忘了吃河鲜,除湿还清热,加紫苏一炒特解馋(吃牛羊肉别忘了吃河鲜)
- 紫苏牛肉锅里滚一滚,香的鼻子都要掉了(紫苏牛肉锅里滚一滚)
热门推荐
- 链式编程jquery(实例详解jQuery的链式编程风格)
- pip默认镜像怎么设置(将pip源更换到国内镜像的详细步骤)
- mysql常见的存储引擎(如何选择MySQL的存储引擎?)
- 阿里云ecs怎么配置环境(阿里云ECS实例中运行网站常见状态码的报错分析)
- mysql8.0配置优化参数(MySQL 8.0 新特性之检查约束的实现)
- ExtJs中Store的种类
- php检查语法(使用 PHP Masked Package 屏蔽敏感数据的实现方法)
- python表格导出为图片(python生成带有表格的图片实例)
- .NET中First,FirstOrDefault,Single,SingleOrDefault的区别
- 使用docker对集群进行管理(使用docker搭建kong集群操作)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9