- 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可以是简单的数组,或者是使用对象作为替代,对象允许配置高级选项&#