Vue 选项/数据

  • data

类型: Object | Function

限制: 组件的定义只接受function

详细:

Vue实例的数据对象。Vue将会递归将data的属性转换为getter/setter,从而让data的属性能够响应数据变化。对象必须是纯粹的对象(含有零个或多个key/value对):浏览器API创建的原生对象,原型上的属性将会被忽略。

一旦观察过,不需要再次在数据对象上添加响应式属性。因此推荐在创建实例之前,就声明所有的根级响应式属性。

以_或$开头的属性不会被Vue实例代理,因为它们可能和Vue内置的属性,API方法冲突。

当一个组件被定义,data必须声明为返回一个初始数据对象的函数,因为组件可能被用来创建多个实例。

注意:如果你为data属性使用了箭头函数,则this不会指向这个组件的实例,不过可以将其实例作为函数的第一个参数来访问。

data: vm => ({a: vm.myProp})
  • props

类型:Array<String> | Object 

详细:

props可以是数组或对象,用来接收来自父组件的数据。props可以是简单的数组,或者是使用对象作为替代,对象允许配置高级选项&#

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值