今日知识点:
1、v-if v-show 重点
v-if 实现的原理:重新绘制dom元素 来控制标签元素的显示和隐藏
v-show 实现的原理:设置行内样式display:none || block
2、自定义指令
全局===Vue.directive("自定义名称",对象【对象中有钩子函数】)
局部===new Vue({
data:{},
directives:{
"自定义名称":对象【对象中有钩子函数】
}
})
3、过滤器 =======重点
//Vue.filter(过滤器的名称,函数)
// 第一个参数 :是要被过滤的数据
// 第二个参数: 是调用过滤器传入的第一个参数
4、计算属性
computed:{
函数:()=>{
特征:1、初次进入会立刻执行 2、有返回值
}
}
5、监听器
watch:{
data中的属性名,function(){}
特征:1-初次进入不会立刻执行 2-只有监听的值发生改变才会执行
}
methods中的函数 和 computed中的函数的区别
computed===函数会缓存,重复的操作不会让函数再次去被调用,直接从缓存中拿
methods===会重复调用
computed =====watch
computed====特征:1、初次进入会立刻执行 2、有返回值
watch======特征:1-初次进入不会立刻执行 2-只有监听的值发生改变才会执行