![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue相关
vue全家桶使用分享和问题描述及解决办法
东方孤独
这个作者很懒,什么都没留下…
展开
-
vue2项目实现对打包文件分析
问题场景:jenkins打包发布时间较长,故对项目打包后文件进行查看 实现步骤: step1: npm install webpack-bundle-analyzer 安装分析包 step2: 在vue.config.js文件中的先定义模块 const BundleAnalyzerPlugin = require(‘webpack-bundle-analyzer’).BundleAnalyzerPlugin step3: 在webpack的configureWebpack中引入 config.opt原创 2020-12-11 11:16:07 · 814 阅读 · 0 评论 -
promise.all用法实例
场景描述: step1: 请求list接口获取数据,item中有一个url属性,值为string step2: 请求url的链接获取页面渲染所需的json数据 由于需要循环调用与then中重新组装数据,因此入坑(无法在调用的then中获取到数据) 问题写法(简写): .vue中 store.js中 以上问题写法 sore.js中返回的backList为空,vue中then方法获取的res数据为空,原因即为异步问题 使用promise.all的正确写法 vue中不变 store.js中修改如下: 根据原创 2020-12-09 11:12:59 · 892 阅读 · 0 评论 -
vue 父组件props传值子组件时 的更新问题
问题描述: 父组件通过props的形式传值到子组件,子组件获取的数值可以更新,但视图不更新 解决方法: 方法1.在子组件中监听此prop属性,并在nexttick中调用更新方法,子组件中如下图监听prop对象originData,update方法为子组件自己的更新方法,如引入的时vue则无需注解形式,直接监听即可 方法2.可以考虑计算属性,同事也有同样问题,计算解决,区别点在,计算属性时需单独定义计算属性,而且计算属性需要定义get与set方法,容易造成误解,此处待更新完善 ...原创 2020-12-08 17:45:37 · 3250 阅读 · 0 评论 -
vue-property-decorator 引入的组件路由钩子函数写法
问题:vue-property-decorator 方式引入的vue组件中 无法正常使用组件自己的钩子函数 解决: 方法1. 在@Component 中定义组件的钩子函数,如下: 方法2. 在路由的定义里,全局注册组件的钩子函数,如下: 整理:vue-router的钩子函数定义及形式展现。 a.全局的钩子函数beforeEach,beforeResolve,afterEach 如: b.路由的独享钩子函数beforeEnter c.组件的钩子函数beforeRouteEnter,beforeRout原创 2020-10-27 16:15:29 · 1432 阅读 · 0 评论