随笔分类 - Vue2 相关 / Vue2.x 基础
摘要：vue2给对象动态添加响应式属性 vue2里对象的响应式是通过Object.defineProperty()实现 保持响应式的关键是不允许直接赋值修改data里定义对象（数组），因为直接赋值断了vue.js 对对象（数组）的引用，使其失去响应式 1. 对象响应性 1.1 操作对象单个属性 使用Vue
阅读全文
摘要：Vue组件通信provide和inject，注入 使用场景，祖先组件向下层所有组件注入，无论层级多深，子组件均能接收来自祖先组件。某个模块由根组件内统一管理子组件内的状态。 类型 provide：Object | () => Object inject：Array<string> | { [key:
阅读全文
摘要：vue2 生命周期钩子分类，共8个 vm的生命周期（8个钩子）： 将要创建 ==> 调用beforeCreate函数。 创建完毕 ==> 调用created函数。 将要挂载 ==> 调用beforeMount函数。 挂载完毕 ==> 调用mounted函数 重要的钩子。 将要更新 ==> 调用bef
阅读全文
摘要：今天在使用事件总线进行组间通信的时候，在子组件mounted钩子内打印了this查看指向 每个组件都有自己的_uid，_uid: 80，没问题。 但是当我来回切换一次页面（组件肯定伴随着不停的销毁创建），第二和第三行为本次的打印，发现同时打印出了两次，且由_uid可知为两个不同组件（准确来说是同一个
阅读全文
摘要：1.配置项props 适用于：父传子组件，props 如果传递的是函数，本质是子组件给父组件传递数据 如果传递的数据（非函数），本质就是父组件给子组件传递数据 书写方式三种 功能：让组件接收外部传过来的值 （1）传递数据： <Demo :your-name="xxx"/> （2）接收数据 第一种方法
阅读全文
摘要：跳转【Vue2】基础知识一 跳转【Vue2】基础知识二 脚手架文件结构 |—— node_modules |—— public | |—— favicon.ico: 页签图标 | |—— index.html: 主页面 |—— src | |—— assets: 存放静态资源 | | |—— log
阅读全文
摘要：跳转【Vue2】基础知识一 跳转【Vue2】基础知识二 Vue的特点？ 组件化复用维护更好，MVVM模型无需直接操作DOM，虚拟dom+diff算法，复用dom节点。 Vue中有2种数据绑定的方式 1.单向绑定（v-bind）：数据只能从data流向页面 2.双向绑定（v-model）: 数据不仅能
阅读全文
摘要：后台管理项目中，在页面切换时（不同场景共用一个展示界面）不同数据需要共用一个input框等，就会出现因取消或者保存结束后，切换到其他场景时还会出现上一个页面输入（绑定）的数据（因为响应式数据data里没有清除） 解决办法：如果涉及到data中的响应式数据只有一个，可以一个一个手动赋值为空来初始化。但
阅读全文
摘要：2022年2月12日20:45:37 第一种方式，配合vuex 的仓库发请求存储数据 之前的操作时所有接口函数统一api文件下管理（index.js是请求函数，mockAjax.js为mockjs模拟接口，reques.js为axios 的二次封装及响应/请求拦截器） 另一种方式，不通过vuex管理
阅读全文
