【郑州校区】2020-03-10高频问题总结

0、自定义指令与钩子函数

a) 自定义指令：Vue.directive(指令名称，对象)

b) 常用钩子函数：

bind:指令第一次绑定到元素时调用，只执行一次，一般与样式相关的操作都可以在bind执行

inserted:元素插入到DOM时，会执行该函数，一般与js相关的操作，最好放在inserted中执行，防止js行为不生效

update:当VNode更新时会执行该函数，可能触发多次

1、局部指令的作用域

局部的只能在当前文件生效；全局的是在整个项目中都可以用

2、computed与methods

a) computed:复杂的计算逻辑放在计算属性中，提升效率；有缓存，数据发生改变，会重新执行再次缓存；有返回值；适合复杂的计算逻辑

b) methods:无缓存，只要数据发生改变，会重新执行，但不缓存。普通逻辑比如业务逻辑

3、局部过滤器与全局过滤器说明

如果私有过滤器和全局过滤器名称一致了，这时候采用近原则，优先调用私有过滤器

4、监听器：是一个对象，可以监听多个数据属性的变化

c) key为data中数据的属性名

d) value为数据发生改变之后执行的逻辑

e) 参数val为数据属性改变之后的新值

【郑州校区】2020-03-10高频问题总结

0、自定义指令与钩子函数

a) 自定义指令：Vue.directive(指令名称，对象)

b) 常用钩子函数：

bind:指令第一次绑定到元素时调用，只执行一次，一般与样式相关的操作都可以在bind执行

inserted:元素插入到DOM时，会执行该函数，一般与js相关的操作，最好放在inserted中执行，防止js行为不生效

update:当VNode更新时会执行该函数，可能触发多次

1、局部指令的作用域

局部的只能在当前文件生效；全局的是在整个项目中都可以用

2、computed与methods

a) computed:复杂的计算逻辑放在计算属性中，提升效率；有缓存，数据发生改变，会重新执行再次缓存；有返回值；适合复杂的计算逻辑

b) methods:无缓存，只要数据发生改变，会重新执行，但不缓存。普通逻辑比如业务逻辑

3、局部过滤器与全局过滤器说明

如果私有过滤器和全局过滤器名称一致了，这时候采用近原则，优先调用私有过滤器

4、监听器：是一个对象，可以监听多个数据属性的变化

c) key为data中数据的属性名

d) value为数据发生改变之后执行的逻辑

e) 参数val为数据属性改变之后的新值