Vue 中怎么自定义指令, Vue 中怎么自定义过滤器, NextTick 是做什么的,Vue 如何去除url中的,computed 和事件 methods 有什么区别

全局注册

Vue 中怎么自定义指令, Vue 中怎么自定义过滤器, NextTick 是做什么的,Vue 如何去除url中的,computed 和事件 methods 有什么区别

 

 局部注册

Vue 中怎么自定义指令, Vue 中怎么自定义过滤器, NextTick 是做什么的,Vue 如何去除url中的,computed 和事件 methods 有什么区别

 Vue 中怎么自定义过滤器

可以用全局方法 Vue.filter() 注册一个自定义过滤器,它接收两个参数:过滤器 ID 和过滤器函数。过滤器函数以值为参数,返回转换后的值

Vue 中怎么自定义指令, Vue 中怎么自定义过滤器, NextTick 是做什么的,Vue 如何去除url中的,computed 和事件 methods 有什么区别

 

 过滤器也同样接受全局注册和局部注册

 NextTick 是做什么的

$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用 $nextTick,则可以在回调中获取更新后的 DOM

具体可参考官方文档 深入响应式原理

 

Vue 如何去除url中的

vue-router 默认使用 hash 模式,所以在路由加载的时候,项目中的 url 会自带 #。如果不想使用 #, 可以使用 vue-router 的另一种模式 history

new Router({
mode: ‘history‘,
routes: [ ]
})

需要注意的是,当我们启用 history 模式的时候,由于我们的项目是一个单页面应用,所以在路由跳转的时候,就会出现访问不到静态资源而出现 404 的情况,这时候就需要服务端增加一个覆盖所有情况的候选资源:如果 URL 匹配不到任何静态资源,则应该返回同一个 index.html 页面

计算属性computed 和事件 methods 有什么区别

我们可以将同一函数定义为一个 method 或者一个计算属性。对于最终的结果,两种方式是相同的

不同点:

computed: 计算属性是基于它们的依赖进行缓存的,只有在它的相关依赖发生改变时才会重新求值对于 method ,只要发生重新渲染,method 调用总会执行该函数

vue如何获取dom?

Vue 中怎么自定义指令, Vue 中怎么自定义过滤器, NextTick 是做什么的,Vue 如何去除url中的,computed 和事件 methods 有什么区别

 

 



Vue 中怎么自定义指令, Vue 中怎么自定义过滤器, NextTick 是做什么的,Vue 如何去除url中的,computed 和事件 methods 有什么区别

上一篇:《python源代码剖析》笔记 python中的Dict对象


下一篇:jQuery的原生替代