随笔分类 -  Vue2 相关

【vue2源码】vue2 改写数组的方法
摘要：vue2 响应式缺陷 vue2 的响应式由 Object.defineProperty 完成，这个方法是为对象设计的，数组肯定是无法使用。 Object.defineProperty 的缺陷 Vue 2 使用 Object.defineProperty 实现响应式，但该 API： 无法监听数组索引变 阅读全文
posted @ 2025-05-23 16:11 wanglei1900 阅读(30) 评论(0) 推荐(0)
【vue2源码】vue2和vue3 中为什么不能同时使用v-if 和v-for
摘要：vue2 v-for和v-if 源码解析 源码地址： vue\src\compiler\codegen\index.ts vue2 编译的三个过程 parse：将模板解析为AST语法树 optimize：优化AST语法树，主要时标记静态节点，提高更新页面的性能 codegen：生成编译后的代码 vu 阅读全文
posted @ 2025-05-23 16:05 wanglei1900 阅读(40) 评论(0) 推荐(0)
【vue2源码】nexttick 源码解读
摘要：/* globals MutationObserver */ import { noop } from "shared/util"; import { handleError } from "./error"; import { isIE, isIOS, isNative } from "./env 阅读全文
posted @ 2025-03-26 17:30 wanglei1900 阅读(44) 评论(0) 推荐(0)
【Vue2.x】vue2 响应式的理解
摘要：vue2给对象动态添加响应式属性 vue2里对象的响应式是通过Object.defineProperty()实现 保持响应式的关键是不允许直接赋值修改data里定义对象（数组），因为直接赋值断了vue.js 对对象（数组）的引用，使其失去响应式 1. 对象响应性 1.1 操作对象单个属性 使用Vue 阅读全文
posted @ 2023-06-09 17:11 wanglei1900 阅读(311) 评论(0) 推荐(0)
【vue-router】动态组件中通过路由参数来多次调用同一个页面中遇到的坑
摘要：vue2 router的几个坑总结 需求：vue2 动态路由中不同菜单目录引用同一个组件页面，通过给接口传入不同的参数来区分页面。 vue通过切换路由如果仅仅query或者params参数发生变化，这时候能看到地址栏的url地址确实发生了变化，但是页面数据就是没刷新。 // query参数 http 阅读全文
posted @ 2023-01-14 23:07 wanglei1900 阅读(666) 评论(0) 推荐(0)
【Vue基础】provide和inject 依赖与注入
摘要：Vue组件通信provide和inject，注入 使用场景，祖先组件向下层所有组件注入，无论层级多深，子组件均能接收来自祖先组件。某个模块由根组件内统一管理子组件内的状态。 类型 provide：Object | () => Object inject：Array<string> | { [key: 阅读全文
posted @ 2022-08-25 17:29 wanglei1900 阅读(232) 评论(0) 推荐(0)
【Vue2】路由相关的知识点汇总
摘要：一、路由的跳转(路由的跳转就两种形式)： 声明式导航（router-link：务必要有to属性） 编程式导航$router.push||replace 编程式导航更好用，以下只讨论编程式导航 优点：因为可以书写自己的业务逻辑，更加灵活 缺点： 编程式导航路由跳转到当前路由(参数不变), 多次执行会抛 阅读全文
posted @ 2022-05-22 23:51 wanglei1900 阅读(208) 评论(0) 推荐(0)
【Vue2】生命周期钩子
摘要：vue2 生命周期钩子分类，共8个 vm的生命周期（8个钩子）： 将要创建 ==> 调用beforeCreate函数。 创建完毕 ==> 调用created函数。 将要挂载 ==> 调用beforeMount函数。 挂载完毕 ==> 调用mounted函数 重要的钩子。 将要更新 ==> 调用bef 阅读全文
posted @ 2022-03-22 19:36 wanglei1900 阅读(311) 评论(0) 推荐(0)
【Vue2】事件总线（eventbus）中多次触发事件的解决方法，解绑事件总线里的方法
摘要：今天在使用事件总线进行组间通信的时候，在子组件mounted钩子内打印了this查看指向 每个组件都有自己的_uid，_uid: 80，没问题。 但是当我来回切换一次页面（组件肯定伴随着不停的销毁创建），第二和第三行为本次的打印，发现同时打印出了两次，且由_uid可知为两个不同组件（准确来说是同一个 阅读全文
posted @ 2022-03-19 14:54 wanglei1900 阅读(982) 评论(0) 推荐(0)
【Vue2】组件通信的方式，命名规范
摘要：1.配置项props 适用于：父传子组件，props 如果传递的是函数，本质是子组件给父组件传递数据 如果传递的数据（非函数），本质就是父组件给子组件传递数据 书写方式三种 功能：让组件接收外部传过来的值 （1）传递数据： <Demo :your-name="xxx"/> （2）接收数据 第一种方法 阅读全文
posted @ 2022-03-09 17:29 wanglei1900 阅读(518) 评论(0) 推荐(0)
【Vue2】基础知识二
摘要：跳转【Vue2】基础知识一 跳转【Vue2】基础知识二 脚手架文件结构 |—— node_modules |—— public | |—— favicon.ico: 页签图标 | |—— index.html: 主页面 |—— src | |—— assets: 存放静态资源 | | |—— log 阅读全文
posted @ 2022-03-09 11:23 wanglei1900 阅读(86) 评论(0) 推荐(0)
【Vue2】基础知识一
摘要：跳转【Vue2】基础知识一 跳转【Vue2】基础知识二 Vue的特点？ 组件化复用维护更好，MVVM模型无需直接操作DOM，虚拟dom+diff算法，复用dom节点。 Vue中有2种数据绑定的方式 1.单向绑定（v-bind）：数据只能从data流向页面 2.双向绑定（v-model）: 数据不仅能 阅读全文
posted @ 2022-03-09 10:53 wanglei1900 阅读(117) 评论(0) 推荐(0)
【Vue2.x 随笔】如何初始化/清空所有data响应式数据 + 单独清空data响应式中的指定部分
摘要：后台管理项目中，在页面切换时（不同场景共用一个展示界面）不同数据需要共用一个input框等，就会出现因取消或者保存结束后，切换到其他场景时还会出现上一个页面输入（绑定）的数据（因为响应式数据data里没有清除） 解决办法：如果涉及到data中的响应式数据只有一个，可以一个一个手动赋值为空来初始化。但 阅读全文
posted @ 2022-03-06 13:47 wanglei1900 阅读(1701) 评论(4) 推荐(0)
Vue Router 3.x 导航守卫基础概念理解
摘要：Vue Router 导航守卫（点击查看文章目录）→ 导航:表示路由正在发生改变，进行路由跳转 守卫:古代的守门的士兵'守卫'，守卫可以通过条件判断路由能不能进行跳转。 三大守卫: 全局守卫，路由独享守卫，组件内守卫。 注意从官网上可知，Vue Router 4.X的版本有不同，next变为可选参数 阅读全文
posted @ 2022-02-15 11:21 wanglei1900 阅读(619) 评论(0) 推荐(0)
【Vue2.x 随笔】路口文件统一引入API接口请求函数，不通过vuex管理
摘要：2022年2月12日20:45:37 第一种方式，配合vuex 的仓库发请求存储数据 之前的操作时所有接口函数统一api文件下管理（index.js是请求函数，mockAjax.js为mockjs模拟接口，reques.js为axios 的二次封装及响应/请求拦截器） 另一种方式，不通过vuex管理 阅读全文
posted @ 2022-02-12 21:02 wanglei1900 阅读(172) 评论(0) 推荐(0)
Vue项目路径问题（其实是webpack打包的路径问题），补充【@代替默认路径的配置】
摘要：项目遇到url路径问题，网页崩了。 .list-item { background-image: url(~@/assets/images/icons.png); width: 61px; height: 40px; display: block; } 我们事先编辑的脚本为用@替代src，但是这里可 阅读全文
posted @ 2022-02-09 15:13 wanglei1900 阅读(439) 评论(0) 推荐(0)