文章探讨了Vue.js中v-if和v-show指令的区别，v-if适用于条件不常改变，因为它涉及元素的真正创建和销毁，而v-show适合频繁切换，仅改变元素的display属性。另外，解释了为何组件的data必须是函数返回的对象，以防止全局变量污染和数据冲突，确保组件的独立性和复用性。
v-if 和 v-show区别？
v-if是惰性的,如果一开始条件不满足，元素就不会被渲染直到条件满足才开始渲染元素，对应的是子组件和监听器的重新创建和销毁。
v-show 无论条件满不满足都会渲染元素，通过css属性显示或者隐藏元素，满足条件显示元素，条件不满足条隐藏元素，对应display:none
v-if条件很少改变 v-show频繁切换
v-if 对应的是元素的删除和添加 v-show对应的元素的显示和隐藏
项目为什么data是一个函数不是一个对象?
因为组件是可复用的实例,如果其他页面也用到了该组件,如果不使用return包裹数据就会全局可见，造成变量污染只要其中一个页面更改数据 其他页面用到该组件的变量也会被修改，因此组件中的data必须是一个函数 使用return返回一个对象，vue根实例可以是一个对象 其他组件data必须是函数
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
