随笔分类 - Vue
摘要：从Vue生命周期出发，部分业务报错，尽量将方法调用以及数据获取全部放到mounted，可以极大的减少dom节点未生成而报错； created，能获取data，不能获取dom，mounted能获取data，也能获取dom
阅读全文
摘要：1、父组件用provide，子组件用inject（用这个方法可比较好的控制页面的各种状态值） 2、父组件里面给子组件加ref， 3、 $emit 4、父组件里面在子组件上传值，子组件用props接受参数 props 接收的参数不能再通过子页面修改重置
阅读全文
摘要：//详情页面多个流程类卡片展示以及按钮提交类 //将业务操作等逻辑抽出去，主页面主要做各个卡片调用 //尽量将js，页面和css抽离分开 //将数据和方法全部写mounted里面可以避免报错（根据vue的生命周期以及methods等的渲染运算顺序）
阅读全文
摘要：方案一：通过ref直接调用子组件的方法； 父组件中 <template> <div> <Button @click="handleClick">点击调用子组件方法</Button> <Child ref="child"/> </div> </template> <script> import Chi
阅读全文
摘要：Vue中子组件调用父组件的方法，这里有三种方法提供参考 ###第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法 父组件 <template> <div> <child></child> </div> </template> <script> import chil
阅读全文
摘要：今天遇到一个bug，在mounted中调用的方法需要用到一个data中的数据。 在created中axios访问后台数据并赋值给data中变量，但data并没有拿到 在不同位置进行控制台打印，发现执行顺序不完全是按照上下顺序执行的。 原因是axios发送异步请求，每个请求接收到反馈的时间总不相同。
阅读全文
摘要：这是Vue文档里关于实例生命周期的解释图 那么下面我们来进行测试一下 <section id="app-8"> {{data}} </section> var myVue=new Vue({ el:"#app-8", data:{ data:"aaaaa", info:"nono" }, befor
阅读全文
摘要：一、首先我们需要创建一个Vue工程 本文主要详细记录搭建全景图的过程，故搭建Vue工程不在过多描述。 二、安装Three.js npm install three --save npm install three-trackballcontrols --save npm install three-
阅读全文
摘要：###1.项目优化 #####1.1项目可优化的内容 生成打包报告 第三方库启用CDN Element-ui组件按需加载 路由懒加载 首页内容定制 #####1.2页面顶部进度条效果 使用nprogess第三方库 在axios请求拦截器中触发 Nprogress.start() 在axios响应拦截
阅读全文
摘要：下载 uView 插件 官方下载地址 👉 https://ext.dcloud.net.cn/plugin?id=1593 1.1 点击 "下载插件ZIP" 1.2 将下载的压缩包解压的到其中 uview-ui 的文件夹并进行复制 1.3 将 uviw-ui 文件夹复制到创建好的 uni-app
阅读全文
摘要：vue的生命周期完成后，在组件首次渲染完成后，不用v-if控制组件显隐，再次调用组件，组件不会再次传参进行数据更新
阅读全文
摘要：对于 Vue.nextTick 方法，自己有些疑惑。在查询了各种资料后，总结了一下其原理和用途，如有错误，请不吝赐教。 概览 官方文档说明： 用法： 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 疑问： DOM 更新循环是指什么？ 下次更新循环
阅读全文
