Vue
文章平均质量分 89
txfyteen
这个作者很懒,什么都没留下…
展开
-
Vue组件通讯方式 provide/inject 介绍以及使用场景
文章目录vue的通讯方式provide / inject的缺点使用办法代码案例展示一(provide字符串)代码案例展示二(provide返回一个方法,并且方法返回字符串)vue的通讯方式父子组件:父传子prop,子通知父 emit,【root,root,root,parent,$children】非父子组件:Vuex实现,父子层层传递、中央事务总线Bus,$ref子组件实例可以用 this.$parent 访问父实例,子实例被存储父组件实例的 $children 数组中。但是这种只是作为访问组件的原创 2021-07-17 18:25:19 · 4732 阅读 · 1 评论 -
vue项目使用svg图片(svg-sprite-loader以及vue2-svg-icon的使用)
一、使用svg的好处未来必热:SVG Sprite技术介绍第一种方式:二、安装svg-sprite-loadernpm install svg-sprite-loader --save-dev三、webpack 配置(build/webpack.base.conf.js){ test: /\.svg$/, loader: 'svg-...原创 2018-12-06 22:06:29 · 13527 阅读 · 9 评论 -
vue使用lodash防抖和节流
节流防抖的目的构建应用程序中,减少频繁操作DOM,提升页面的速度和性能,避免页面的卡顿、浏览器崩溃等问题节流防抖的应用场景用户在短时间内快速触发多次事件,调整窗口大小或滚动页面、点击触摸事件等(onmousemove、scroll、keyup、keydown等)。例如,监听页面窗口滚动事件,并且用户持续快速地向下滚动页面,那么滚动事件可能在 3 秒内触发数千次,这可能会导致一些严重的性能问题...原创 2020-02-23 12:40:26 · 7226 阅读 · 4 评论