VUE 笔记 202211

此文章用于整理记录开发中的小知识点。

1. Element-UI 中的Descriptions 描述列表不正常显示：

Descriptions是2.15.x 版本引入的新功能，版本错误会引起不显示。

2. 注意第三方框架、依赖包、npm、node之间的关系，推荐采用nvm管理。

nvm安装文档参考：

 https://blog.youkuaiyun.com/QWERTYQ16/article/details/124497532

使用 nvm 管理不同版本的 node 与 npm | 菜鸟教程

nvm下载：https://github.com/coreybutler/nvm-windows/releases

nvm gitub路径：https://github.com/coreybutler/nvm-windows

3. scoped

在组件中为了不相互影响各自的样式，都会在 style 标签上加上 scoped , scoped 的作用是限制了样式的作用范围，只在本页有效。

要更改组件的样式，比如element, iview 组件 , 就必须去掉scoped ；不去掉scoped, 可以使用:deep()这个伪类 

组件中引用第三方组件，注意样式修改可能被全局css影响，必要时候，需要提升当前组件样式权重，最好使用scoped隔离对其他部分的影响。

要想要不会全局污染， 那么在每个自己的组件下的div添加一个className或者id 。在要更改的饿了么组件的类名前 ，添加自己组件的类名或者id名即可

4. Promise 

error 是 Promise 的方法；对reject进行接收处理，不处理其他异常，例如网路异常等。

catch 是 Promise 实例的方法；如果then中没有写第二个回调，则进入catch；进入了error就再进入catch中。

5. $set方法

vue.js不能监听对象属性的添加和删除，因为在vue组件初始化的过程中，会调用getter和setter方法，所以该属性必须是存在在data中，视图层才会响应该数据的变化。

方法： this.$set(obj, key, value)

使用此方法可以解决如下问题：

页面中某些组件model为object的某一个属性，给此属性直接赋值后，该组件无法操作，相关event也失效的问题