1、在自己封装组件是一定一定不能和HTML标签名一样 ,尤其是新增语义化标签 容易忘 。
例如自己封装的footer组件,就不能叫这个名字 否则就会
2、如果不用别的css预编译语言,用css写的话。一定要一定要~~~~~~在各个页面常用的标签,一定要指定父级!!!!否则很可能影响别的 甚至影响第三方库。
这个问题的终极解决方案是 在style标签里加入 scope属性 表示css样式只在当前文件中生效。
3、需求要求背景图做成和数据一样是响应式的,不会做。
4、当数据请求还没发送,但是模板中要用请求到的数据时,怎么办?
这里是在模板中使用图片数据
但请求比模板渲染代码执行迟。
会出现如下报错:
可以使用v-if判空
完美解决!
5、评论要是个标签页 但是不能一开始都显示出来,要一开始只渲染两条,之后的点击再展开。很麻烦。
6、在使用vant组件库时,若是按需引入 使用 轻提示(函数组件)时 一定要记得引入 以下图片中的
否则就不会显示出来 !!!!!!
7、用mock假数据 一刷新数据就没了。比如 前一步加入到卖书清单中的数据 只要一刷新,再获取就没了。这个要怎么解决??
8、一些明显需要组件间传值的数据 但又觉得项目不大 用pina大财小用 但用本地缓存的话又很怪。
9、在做这个需求的时候 因为是二手书 书的价格 应该随着用户的选择而变化 但由于vue中的数据更新并不是在数据更改后,dom上的数据马上就更新,所以会造成 数据更改 和dom树渲染总是差一步
如下图
那要怎么解决呢 我试过用 nextTick 但也不行
开始是用条件渲染来着 但是配合了nextTick过后 他不能行
后来是用的ref 配合nextTick