Vue中的 data 表示形式

对象形式

  • Vue 组件可能存在多个实例，如果使用对象形式定义 data，则会导致他们共用一个 data对象，当状态变更时会造成数据污染。
new Vue({
    el: '#app',
    data: {
        name: '张三'
    }
})

函数形式

  • 函数形式定义，在 initData 时会将其作为工厂函数返回一个新的 data 对象，保证每个组件实例的唯一性，避免数据污染
export default {
    data () {
        return {
            name: '张三'
        }
    }
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容