Vue

因为vue3中的数据对象是用的proxy监听的，要取值需要用value等方法取出来， 解决方法：使用 markRaw 让echarts从监听对象变成普通对象！ 在 Vue 3 中，markRaw 是一

效果： css 直接加上就可以用了，如果要加在公共样式里面的话把 ::v-deep 都去掉就可以了： 加减号icon图片： 用vue3+elementPlus的时候上面样式有一点问题，稍微改了一下：

``` // https://vitejs.dev/config/ // vite.config.js import { fileURLToPath, URL } from 'node:url' im

```typescript <script setup lang='ts'> import { Directive } from "vue"; const vMov

注意：ref方式获取的和js原生方式获取的dom类型不同，用原生的js获取dom方式代替ref方式，这样才能判断是否属于自身区域的。 关于Node.contains() Node.contains()

vue 组件销毁并重置 (可用来解决某些情况写组件数据未重新渲染或者渲染后导致视图出现bug问题) 方法1 当数据变更后,通过watch 监听，先去销毁当前的组件，然后再重现渲染。使用 v-if 可以

父组件： ```javascript :floorPlanShow.sync="floorPlanShow" ``` 子组件： ```javascript props: ["floorPla

```javascript // https://vitejs.dev/config/ // vite.config.js import { fileURLToPath, URL } from 'no

响应式原理 Vue2 使用的是 Object.defineProperty Vue3 使用的是 Proxy 2.0的不足 对象只能劫持 设置好的数据，新增的数据需要Vue.Set(xxx) 数组只能操

如果vue的data数据用的是全局变量，变量是普通数据类型，那么当全局变量的值发生改变的的时候，那么data中用的这个值是不会发生改变的，也无法触发视图更新 ，因为是普通数据类型 解决： 全局的普通数

vue实例形成前没有对象中的字段，后来通过操作事件添加的字段是监控不到的 解决方法：需要 Vue.set( target, propertyName/index, value ) 向响应式对