1.标识dom元素 ref
语法ref='标识名称'
可以通过$refs来获取之前通过ref标识的dom成员
$refs时当前vm实例的内置成员
this.$refs是一个对象,里面储存的是通过ref设置标识的dom元素
2.mounted
页面加载完毕之后就会自动执行的函数,相当于window.onload
3.自定义指令:
定义的位置在vm实例之外--全局自定义指令
定义方式: Vue.directive(名称,{指令的配置})
指令的配置
inserted: 被绑定元素插入父节点时调用(父节点存在即可调用,不必存在于 document 中)。被绑定元素:当前使用这个指令的元素
这个函数有三个参数:
el:当前使用这个指令的dom元素
binding:指令默认传递的数据所在的对象
vnode:当前添加这个指令的dom节点对象
使用自定义指令: v-指令名称
3.过滤器Vue.filter()
创建Vue.filter(过滤器名称,处理函数)
处理函数一般会返回处理结果 return
过滤器就是一个能够实现某个业务功能的函数。一个过滤器就可以认为是一个函数
函数默认有一个参数,这个参数就是你想过滤的数据
使用过滤器:通过管道符 |:数据 | 过滤器名称
默认会传递一个参数,如果手动传递了其它参数,也不会影响原始参数的传递
4.计算属性computed()
计算属性出现的目的是解决模板中放入过多的逻辑会让模板过重且难以维护的问题;计算属性是基于它们的依赖进行缓存的
5.watch 侦听器
用来观察和响应 Vue 实例上的数据变动
注意:通常情况下用computed,当需要在数据变化时执行异步或开销较大的操作时,用watch