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