![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
小破船借箭
中级前端工程师
展开
-
vue 双向绑定原理
vue再initData时会对data中的属性使用object.defineProperty重新定义get和set属性。原创 2023-03-01 16:56:17 · 277 阅读 · 0 评论 -
VUE绑定滚动条
绑定在window上 mounted() { window.addEventListener('scroll',this.handleScroll,true) }, // 需要在页面销毁时,移除监听事件,避免了内存泄漏 beforeDestroy() { window.removeEventListener("scroll",this.handleScroll); }, methods: { // 滚动事件的回调 handleScroll(e原创 2021-07-21 11:26:12 · 1144 阅读 · 0 评论 -
Vue中的事件委托
在项目中我们常常会用到ul和li对该标签做一些操作,但是因为如果把事件写在li标签上的话,就会有一下缺点: 无法预测未来的li标签:当我们动态插入li时,新插入的li就不存在绑定的事件。 增加了事件注册,浪费资源。 使用事件委托就可以解决这个弊端,不多废话,直接上代码: // html <ul @click="getChildLi($event)"> <li>111</li> <li>222</li>原创 2021-06-24 20:40:16 · 268 阅读 · 3 评论 -
vue返回上一页
累一天了 原本想写点深的东西,实在干不动了,水篇文章 方法一 this.$router.go(-1) //返回上一层 方法二 在@click直接写 click="$router.back(-1)" 返回上一页 方法三 history.go(-1) //返回上一层原创 2021-04-07 20:55:08 · 102 阅读 · 2 评论 -
如何理解vue中的keep-alive?
听说有面试官问了什么是keep-alive,今天我们也写一写Vue中的keep-alive。众所周知,生活在蓝星的程序猿们不喜欢作者多逼逼,下面我们直奔主体。 一.什么是Keep-alive? keep-alive是vue中的内置组件,keep-alive包裹的组件能够在该组件的切换过程中将页面的状态缓存在内存中,界面切换后被包裹的组件实例不会被销毁,防止界面重复渲染DOM。 二.Keep-alive的作用是什么? 对页面进行缓存,防止DOM重新渲染; 举例说明:在我们写商城项目时几乎都会有商品的搜原创 2021-03-05 14:34:24 · 1306 阅读 · 2 评论 -
Vue父子组件传值(通信)
前言:又到了一年一度的金三银四,相信有很多小伙伴都会这个时间段跳槽,当然面临跳槽,不乏要去刷一些面试题,看到有好多小伙伴都有被问到这个问题,所以今天为大家整理这个知识点,我不多逼逼,直接进入正题。 一,父子组件的传参 1.父传子 在父组件中注册使用子组件 在子组件中创建props属性,用来接收传值 在子组件的props的属性中添加父组件的传值msg 父组件代码 <template> <div class="home"> <Child msg原创 2021-03-02 18:38:22 · 390 阅读 · 2 评论