单页面开发--爬坑

516 阅读1分钟

1、微信分享

https://blog.csdn.net/danny00lo/article/details/79299992

2、路由问题

https://www.cnblogs.com/zhuzhenwei918/p/7421430.html

3、分享问题

https://segmentfault.com/q/1010000011029868/a-1020000011033720

4、静态文件引入时

由于其自动打包生成了static,所以公用的js css文件可以放入其中

5、打包编译时的错误

文件医用错误,可能是打包是路径配置问题,找打build下面的webpack.prod.conf.js ,在output中添加publicPath:'./'

6、懒加载

https://blog.csdn.net/wp_boom/article/details/78799237 原理 https://blog.csdn.net/weixin_35955795/article/details/54411516

7、开发阶段

由于想通过局域网访问本地,但是所以要在pack.json中,进行配置,这是因为在webpack中有webpack-dev-server,这是一个依托于node express的框架,它使用webpack-dev-middleware来服务于webpack的包,它还有一个通过sock.js来连接到服务器的微型运行时 在 scripts中, 给dev后面添加 "--host 192.16.50.165(本机ip)" 但是这时却不一定好,由于webpack-dev-server的安全策略,默认会检查hostname,如果hostname不是配置内的,将中断访问,有可能会报错,'Invalid Host header',所以还要做点改变,在webpack.base.conf.js中,设置一下webpack-dec-server的配置: deServer:{ disableHostCheck:true,//禁止检查hostname }

8、关于 “ [Vue warn]: $attrs is readonly. found in” 报错问题

由于webpack本身已经会引入vue,如果重复引入webpack就会导致这个问题

9、mintui 时间组件要放在外层,否则可能会出现无法关闭的情况

10、vue生命周期中 activated 和 deactivated 用于检测组件的进入与移除

10、https://juejin.cn/post/6844903577761103880 首页轮播组件

11、父子组件样式,需要传样式时,可以在组件上设置宽高样式等,子组件可以继承这一个样式(样式表现在组件最外层上但是宽高可以根据其进行设置)

12、通过事件跳转页面的时候,不能像传统做法,直接Window.href,要通过更改路由的方式来做

this.$router.push({path: '/pathname', query: {orderId: 12}})

13、在项目中引用模块时,如果一个模块被多次引用,名字最好保持一致,否则会有提示,看起来很烦的

14、如何在父组件中修改子组件样式

可以使用 /deep/,例如: .panel-list /deep/ .panelItem //注意空格