vue2 父元素 /deep/ 子元素 使用样式穿透，在vue2中可以使用/deep/ .el-input__inner 这种方式，在vue3中需要使用:deep(.el-input__inner)这种方式
DOM视图更新是异步的，修改了数据，不会同步更新，所以需要用到NextTick。前两天刚刚遇到这样的问题，页面上有一个弹框组件，在设置弹框的visible为true（弹框显示）的时候获取弹框里的某个元素是拿不到的，用了后就能获取到了。
父元素中这2个东东名字叫成一样的：msg=msg const props = defineProps({ message: { type: String, required: true } });
watch: { // New: 新值 | Old: 老值 sum(New, Old) { console.log(新值:${New} ——— 老值:${Old}) }, }
函数式写法
const doubleCount = computed(() => { return state.count * 2 })
conputed，用于过滤，和计算依赖多个data数据的值，会缓存，只有当某个依赖数据变化了，才变化，不支持异步
watch：immediate：表示在组件加载就执行这个监听回调，deep用于复杂数据类型监听，支持异步，还可以监听从父组件传来的props值，还能监听路由
当数据定义冲突时，props传来的比data优先级高 初次加载v-if比v-show好，因为不会加载元素。频繁操作用v-show
