data(){
return{
username:"maidu_xbd"
}
}
data 为什么是函数?
因为js中的对象都是通过引用关联的,只有返回一个生产data的函数,这个组件产生的每一个实例才能维持一份被返回对象的独立的拷贝。
在 Vue 中,每个组件都是一个对象,当多个实例共享同一对象时,它们将共享相同的状态。如果 data 不是一个函数并且是一个对象,那么所有组件实例将共享相同的 data 对象,这样就会导致状态混乱。
为了避免这种情况,Vue 强制要求 data 必须是一个函数,这样每个组件实例都会得到一个独立的 data 对象。这样就不会有状态混乱的问题。