小程序中 properties和data的区别在哪里?

呼啦啦
  • 393

我看properties除了多了几个参数以外,其他写法都一样啊,这两个的具体的区别在哪里,为什么要分成两个?

回复
阅读 5.2k
1 个回答

你是说组件的propertiesdata吗?

properties是使用组件时外部可以传参数的,也就是调用者可以外部修改该属性,但是如果该属性放在data里就不能修改。

比如有叫titleContainer的组件,properties里有一个title属性:

//...
properties: {
        title: {
            type: String,
            value: 'default title',
        }
    }
//...

页面中使用组件:

<titleContainer title="{{otherTitle}}"></titleContainer>

但如果这个title放在data里,就不能这么修改了。

宣传栏