美文网首页
Vue中的 data 表示形式

Vue中的 data 表示形式

作者: my木子 | 来源:发表于2021-05-06 21:39 被阅读0次

对象形式

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

函数形式

  • 函数形式定义,在 initData 时会将其作为工厂函数返回一个新的 data 对象,保证每个组件实例的唯一性,避免数据污染
export default {
    data () {
        return {
            name: '张三'
        }
    }
}

相关文章

  • Vue中的 data 表示形式

    对象形式 Vue 组件可能存在多个实例,如果使用对象形式定义 data,则会导致他们共用一个 data对象,当状态...

  • vue学习笔记

    .$data .#$el $data表示vue实例中data的值$el表示vue实例中el的值,注意 el效果等...

  • mvvm的概念

    前端中现在的框架vue react 小程序 都是这个 M:Model(模型){用js对象表示} data:...

  • 9道vue面试题

    2.VUE组件data为什么必须是函数 答:Vue组件可能存在多个实例,如果使用对象形式定义data,则会导致它们...

  • vue

    let vm=new Vue({el:'#app',//表示当前的vue实例挂载在哪个DOM节点上data(){r...

  • Vue2响应式原理模拟(个人笔记)

    Vue把 data 中的成员注入到 Vue 实例,并且把 data 中的成员转成 getter/setter Ob...

  • 微信小程序和vue的区别

    数据类型 vue组件中data必须是函数 data(){return{}},new Vue中的选项可以是函数也可以...

  • vue组件中为何data必须是一个函数?

    js中,正常的data可以直接创建对象,例如data:{msg:"12345"}。然而在vue中,data...

  • Vue中的data属性

    Vue 中的data Vue实例会代理data对象的属性, vm.$data.a相等于vm.a 以-和$开头的属性...

  • Vue双向绑定

    依赖订阅: 1.首先将vue实例中的data数据挂载到vue实例上,本质是让vue实例代理data中的数据 2.将...

网友评论

      本文标题:Vue中的 data 表示形式

      本文链接:https://www.haomeiwen.com/subject/equlkltx.html