Vue中的 data 表示形式

对象形式

• Vue 组件可能存在多个实例，如果使用对象形式定义 data，则会导致他们共用一个 data对象，当状态变更时会造成数据污染。

new Vue({
    el: '#app',
    data: {
        name: '张三'
    }
})

函数形式

• 函数形式定义，在 initData 时会将其作为工厂函数返回一个新的 data 对象，保证每个组件实例的唯一性，避免数据污染

export default {
    data () {
        return {
            name: '张三'
        }
    }
}