![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
深入浅出Vue.js
文章平均质量分 59
敏小静
专注前端技术研究和学习。
展开
-
flexible、postcss-px2rem实现屏幕适配
1、下载 cnpm install lib-flexible --save cnpm install px2rem-loader --save-dev 2、把index.html的标签注释掉,flexible会自动为你生成,否则就会按照你的meta来适配 3、vue.config.js引入px2rem-loader,它会帮你把项目中的px转换成适配的rem; 我这里用的是scss,所以只会转换scss,引入的组件的样式和引入第三方的css没有响应,待后续更新 module.exports = { cha原创 2021-03-30 18:03:30 · 462 阅读 · 0 评论 -
基于cli4,在用Vue做项目时导入图片出现[object module],已解决
现象: 这个错误是我在用vue-cli中使用webpack打包的时候,页面内容已经展示出来但是图片显示不出来,一看引用链接src为"[object Module]"的问题。 出错原因: 也是找到了大佬的博客看到的,他说这个是file-loader的版本问题,我现在的file-loader版本是^6.2.0。原来file-loader里面有一个esModule的配置,低版本默认为false,高版本默认为true 解决方案: 降低file-loader版本为^4.2.0 新版本直接设置esModule的属性原创 2021-03-16 17:43:09 · 805 阅读 · 0 评论 -
vue响应式系统(变化检测)
变化侦测分为两种类型,一种是“”推,另一种是“拉”。 Angular和react的变化侦测都属于“拉”,也就是说,当状态发生变化时,它不知道哪个状态发生变化了,只知道状态有可能改变了,然后就会发送一个信号告诉框架,框架收到信号后,就会进行一个暴力对比找到哪些DOM需要重新渲染的。这也是Angular的脏检查(基于zoom.js,利用$digest函数触发)的过程,react用的是虚拟DOM。 Vue的变化侦测属于“推”。当状态发生变化,Vue在一定程度上能马上知道哪些状态发生改变,具有更细粒度的更新;也因为原创 2020-10-21 22:09:00 · 321 阅读 · 0 评论