![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
QJ.M
这个作者很懒,什么都没留下…
展开
-
Vue中watch的用法
4、deep,当需要监听一个对象的变化时,普通的watch方法无法监听带对象内部属性的变化,只有data中的数据才能够坚挺到变化,此时需要deep属性进行深度监听,设置deep:true,当对象的属性较多是,每个属性的变化都会执行handler。6、watch中不要使用箭头函数,即不要用箭头函数来定义watcher函数,因为箭头函数中的this是指向当前作用域,对于箭头函数来说,箭头函数中的this指向的是定义时的对象而不是函数运行时所在的对象,即全局定义时的window对象。翻译 2022-11-04 14:09:39 · 89828 阅读 · 2 评论 -
vue 中 filters过滤器的用法、作用
对象里面的字段并不是直接渲染在页面中,而是需要把数据处理过后的内容显示在页面上,做法:利用vue提供的filter钩子,实现数据的过滤处理再渲染处理过后的内容。2、过滤器函数始终以表达式的值作为第一个参数,带引号的参数视为字符串,而不带引号的参数按表达式计算。2、值会缓存,在我们要监听的数据没有变化的时间,是不会去执行对象相对应的数据是(性能比较好)1、Vue.filters()是在全局注册的一个自定义过滤器,必须放在Vue实例化之前。5、Vue中的computed、filters的异同以及应用场景。原创 2022-11-03 16:11:24 · 3560 阅读 · 0 评论 -
Vue的路由钩子函数有哪些?
1、全局的路由钩子函数 1.1、beforeEach(全局前置钩子),意思是在每次每一个路由改变的时候都要执行一遍 它有三个参数: to: route:即将要进入的目标 路由对象 from:route:当前导航正要离开的路由 next:function:一定要调用该方法来resolve这个钩子。执行效果依赖next方法 应用场景:进行一些页面跳转前的处理,例如跳转到的页面需要进行登...原创 2021-08-02 09:47:14 · 11666 阅读 · 2 评论 -
2021-08-12
vue的函数式组件定义其实就是一个接受一些prop的函数,然后返回HTML,它没有响应数据,也不需要任何生命周期的场景,它只是接受一些props来显示组件特点没有任何管理状态,也就是没有响应式数据没有生命周期没有实例,也就是没有this上下文基础写法包含的属性props:提供所有 prop 的对象children:VNode 子节点的数组slots:一个函数,返回了包含所有插槽的对象scopedSlots:(2.6.0+) 一个暴露传入的作用域插槽的对象。也以函数原创 2021-08-12 18:09:59 · 55 阅读 · 0 评论