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必须是函数