基于vue仿蘑菇街

学习网址: https://www.bilibili.com/video/BV17j411f74d (coderwhy)

首页：

详情页：

购物车：

1.icon, <link rel="icon" href="./static/img/favicon.ico" type="image/x-icon">

:root --> 获取根元素html
–color-text是定义的变量，这就是css中定义变量的方式，定义之后可在其他css属性里用此变量做值
font-size: var(–font-size)通过var使用变量

3.@click.native

给vue组件绑定事件时候,必须加上native ,否则会认为监听的是来自Item组件自定义的事件
。。。

遇到的问题：
1.路径_{@/，webpack.base.conf.js那里设置文件路径，看别人的前面加}就好，我的是前面引入~@/

2.问题：Error in created hook: “TypeError: WEBPACK_IMPORTED_MODULE_2_network_home.a.then is not a function”

解决：getHomeMultidata().then，少了个小括号

3.问题：read properties of undefined (reading ‘0’)"
{{ goods.columns[0] }}
this.goods = new Goods(data.itemInfo,data.columns,data.shopInfo.services)

解决：需要v-if判断，v-if="Object.keys(detailInfo)，类似报错解决在main.js加

Vue.prototype.$bus = new Vue()

4.问题:Invalid prop: type check failed for prop “xxx“. Expected Array, got Object

解决：默认属性修改，例如数组改为对象

笔记：

1.划分目录结构，引入css,normalize.css

2.:root -> 获取根元素

3.tintColor:表示整体背景颜色

4.vue.config.js和.editorconfig

5.static,public原封不动复制到dist

6.函数调用-> 压入函数栈（保存函数调用过程中所有变量）

函数调用结束 -> 退出函数栈（释放函数所有的变量）

7.position:sticky,没达到要求前static,达到后fixed,移动端一般都支持

8.created拿数据为null/undefined

9.修饰符.native修饰什么时候使用？

在我们需要监听一个组件的原生事件时，必须给对应的事件加上.native修饰符，才能进行监听

10.keep-alive exclude=""

---

---

计算机中没有黑魔法