vue项目中的问题
Hei,candy
这个作者很懒,什么都没留下…
展开
-
vue中异步组件实现按需加载
先看下这个static目录下的css文件夹和js文件夹,打包的时候把所有的css/js文件都打包进去了。可以看到app.js的大小是297b,app.js放的是所有组件的业务逻辑。如果app.js超过1MB,就要用异步组件实现按需加载,需要哪个组件,就发送请求去加载哪一个组件的js代码。修改import的书写方式,即可实现按需加载。...原创 2021-02-21 11:32:37 · 312 阅读 · 0 评论 -
vue项目前后端联调(贰)
但是这种情况就不行,因为webpack-dev-serve默认选项不支持通过ip的形式访问。解决办法:我的项目一直没法用ip访问,后来我发现port这里要改得和服务器端口一致才行,我之前都是写的90。原创 2021-02-20 15:25:02 · 157 阅读 · 0 评论 -
vue项目的前后端联调 ( 一)
一开始,我是用静态数据进行模拟服务器发送数据,使用的vue的proxytable来转发请求,见下图。后来,想在进行前后端联调,所以把本地静态数据删除,然后修改proxyTable原创 2021-02-20 14:29:53 · 1094 阅读 · 0 评论 -
Vue中BetterScroll的使用
BetterScroll是iscroll的封装,但是使用起来更友好。steps1.安装包 npm i better-scroll@version2.你的代码必须符合这样一个结构 <div class="wrapper"> <ul class="content"> <li>...</li> <li>...</li> ... </ul> </div>原创 2021-02-20 12:20:47 · 169 阅读 · 0 评论 -
vue怎么实现header的渐隐渐现效果
要实现这种效果也就是如果往下滑到一定的距离的过程中,header栏有渐隐渐现的效果,超过这个距离就只显示header,这个要怎么实现呢?第一步然后第二步原创 2021-02-20 11:42:14 · 376 阅读 · 0 评论 -
vue中使用keep-alive来优化网页性能
作用:每次切换到某个组件的时候,该组件的mounted钩子函数都会执行,结果就是每次都会发ajax请求,浪费性能。为了解决这个问题,使用keep-alive可以在第二次切换组件的时候使用缓存数据,不会再重新发送ajax请求。使用步骤:step1step2如果按照第一步来,会出现问题,如果该组件的内容要改变,要重新发ajax请求,那怎么办?解决办法:使用activated()这个keep-alive自带的钩子函数,当组件内容改变的时候,就可以重新发送ajax请求。...原创 2021-02-20 10:58:18 · 167 阅读 · 0 评论