vue工作学习心得

1.css变量 当变量的类型为数字时，不能和单位直接拼接，需要用calc函数拼接 2.css变量 当变量的类型为字符串时，可以与其他字符串拼接

使用这个可以调用表格渲染，使得表格对齐11111111111111111111111111111111111111111111111111111111111111111111111111111

![dbc64a63e37ee7ab8925b9df647f01d.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/fbdcd5ef242

![7ecc5edd8c1930d499e54e7ff45fbfa.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1403825a288

动态参数绑定动态参数绑定动态参数绑定动态参数绑定动态参数绑定动态参数绑定动态参数绑定动态参数绑定动态参数绑定动态参数绑定动态参数绑定动态参数绑定动态参数绑定动态参数绑定动态参数绑定动态参数绑定动态参数

1.shallowReactive与shallowRef shallowReactive：只处理对象最外层属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型的响应式，不进行对象的响应

1.拉开序幕的setup 理解：Vue3.0中一个新的配置项，值为一个函数。 setup是所有Composition API（组合API）“表演的舞台”。 组件中所用到的：数据、方法等等，均要配置再s

路由 理解：一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。 前端路由：key是路径，value是组件。 1.基本使用 安装vue-rou

vuex模块化+namespace命名空间 目的：让代码更好维护，让多种数据分类更加明确。 修改store.js 开启命名空间后，组件中读取state数据：

getters的使用 概念：当state中的数据需要经过加工后再使用时，可以使用getters加工。 在store.js中追加getters配置 组件中读取数据$store.getters.bigSu

跨域访问需要发送cookie时一定要加axios.defaults.withCredentials = true（或者在axios.create时配置withCredentials：true） v-m

插槽 作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件===>子组件。 分类：默认插槽、具名插槽、作用域插槽 使用方式： 默认插槽： 具名插槽： 作用域插槽：

消息订阅与发布（pubsub） 一种组件间通信的方式，适用于任意组件间的通信。 使用步骤： 安装pubsub：npm i pubsub-js 引入：import pubsub from 'pubsub

全局事件总线 一种组件间通信的方式，适用于任意组件间通信。 安装全局事件总线： 使用事件总线： 接收数据：A组件想接收数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件自身。（metho

组件的自定义事件 一种组件间通信的方式：适用于子组件===>父组件 使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中） 绑定自定义事件： 第一种方式

>通过给子组件绑定@xxx="demo"（子组件`this.$emit('xxx')`）实现子传父的方式，同样也可以用ref来实现： >`this.$refs.xxx.$on('xxx')` ---

情景一：单机版想要生成id时 uuid：生成全球唯一的字符串编码，它的算法是根据目前所处的地理位置，加上电脑网卡的mac地址再加上内存条的序列号等等（无法被别人模拟，所以全球唯一） 然而上面的uuid