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的方法和属性内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
您可能感兴趣
- vueelementui三级菜单(vue+element ui实现锚点定位)
- vue怎么在中间加图片(Vue实现多图添加显示和删除)
- vue导出动态的excel功能(vue中如何下载excel流文件及设置下载文件名)
- vue接口请求类封装(Vue接口封装的完整步骤记录)
- vue中的指令及用法(详解Vue进阶构造属性)
- vue如何加速(vue函数防抖与节流的正确使用方法)
- vue 表格数据增加修改(vue element实现表格增加删除修改数据)
- vue单元测试实例(Vue-Jest 自动化测试基础配置详解)
- vue子视图里再加routerview(vue router-view的嵌套显示实现)
- vue elementui 公共列表组件(Vue Element-ui表单校验规则实现)
- django框架教程第100讲(详解Django+Vue+Docker搭建接口测试平台实战)
- vue改数组和对象值(vue $set 实现给数组集合对象赋值)
- vue离线地图有哪些(vue 集成腾讯地图实现api附DEMO)
- vue各种模块(一篇文章学会Vue中间件管道)
- vue获取图片并展示(vue卡片式点击切换图片组件使用详解)
- vue切换图片效果(Vue.js实现图片切换功能)
- 爱情可以当饭吃吗(爱情能当饭吃吗)
- Top 3 JSHS《运动与健康科学 英文 》跻身SCI体育学期刊世界前三(Top3JSHS运动与健康科学)
- 体坛传媒LOGO全新升级,多元发展迈出坚实步伐(体坛传媒LOGO全新升级)
- 超撩人治愈的绝美水彩,原来出自她之手 一笔一画令无数人沉醉(超撩人治愈的绝美水彩)
- 新手的勾线(新手的勾线)
- ()
热门推荐
- linux中的软连接是什么(区分Linux硬链接与软链接)
- SQL SERVER存储过程中使用事务与try catch
- 宝塔面板怎么修改默认端口(如何修改宝塔Linux面板默认的端口号8888?)
- python语句for循环(Python基础之循环语句用法示例for、while循环)
- dedecms会员功能(dedecms注册中文会员无法打开空间的解决方法)
- css标签及属性的语法规则(详解CSS 伪元素及Content 属性)
- unix进程空间的区段(Unix/Linux fork隐藏的开销)
- linux中符号的基础用法总结(Linux tr命令的使用)
- typedef和var有什么不同(TypeScrip中泛型的案例详解)
- javascript的执行顺序