手打基础丸 🧆 => 精选基础知识，经过多道工序精心制作而成，口感鲜嫩多汁。一口咬下，香气四溢，加上传统前端风味，令人回味无穷...... 助力食用者厚积薄发，夯实根基进阶上层。
今天是vue专题😀
vue计算属性的函数名和data中的属性可以同名吗？
不能同名
vue会将data中的属性和计算属性实例都挂载在Vue实例中，如果同名则会发生冲突，覆盖实例中的属性
⭕ 需要注意methods中的方法也挂在在vue实例中，需要避免同名；watchers不在vue实例上则无需避免
如何监听Vuex的数据变化
常用的两种方式是watch和subscribe
watch可以用来监听Vuex state变化，subscribe适用于监听mutation的变化
vue自定义事件中，父组件如何接收子组件传递的多个参数？
子组件可以通过$emit(自定义方法名11，参数1, 参数2...)方法传递多个参数，父组件通过 @自定义方法名11=处理函数22 来进行接收，ts中通过 处理函数22 来进行处理。
⭕ 但是实际使用中vue更推荐单项数据流父传子而不是子传父
Vue中v-show和v-if有什么区别？
v-show：无条件渲染，只通过切换display元素来实现效果；故切换开销小；不可以和v-else配合使用 v-if：条件渲染，false情况会移除出dom；故切换开销大；可以和v-else配合使用
为什么不建议在Vue中同时使用v-if和v-for？
-
vue2和vue3中两者的优先级设置不同，2中for优先级更高，3中if优先级更高
-
共用情况下，即使某些项不会被渲染也必须便利整个列表，性能损耗多
3.同时使用代码可读性较低、可维护性降低
⭕ 替代方案：使用计算属性computed进行过滤
