script增强特性

    计算属性是一个纯函数，利用组合其它数据的方式返回一个新的数据，你可以像绑定普通数据一样在模板中绑定计算属性。

    示例：

    例如：

    1. <template>
    2. <view>
    3.   <view>{{question}}</view>
    4.   <view>{{answer}}</view>
    5. </view>
    6. </template>
    8. <script>
    9. import {createComponent} from '@mpxjs/core'
    10. createComponent({
    11.   data: {
    12.     question: 'old',
    13.     answer: 'I cannot give you an answer until you ask a question!',
    14.     info: {
    15.       name: 'a'
    16.     },
    17.     arr: [{
    18.       age: 1
    19.     }]
    20.   },
    21.   watch: {
    22.     // 如果 `question` 发生改变，这个函数就会运行
    23.     question: function (newval, oldval) {
    25.     },
    26.     question: {
    27.       handler (newval, oldval) {
    28.         console.log(newval, ':',  oldval) // test:old
    29.         this.answer = 'Waiting for you to stop typing...'
    30.       },
    31.       imeediate: true // 立即执行一次
    32.       // deep: true // 是否深度观察
    33.       // sync: true // 数据变化之后是否同步执行，默认是进行异步队列
    34.     },
    35.     'info.name' (val) {
    36.       // 支持路径表达式
    37.       console.log(val) // b
    38.     },
    39.     'arr[0].age' (val) {
    40.       // 支持路径表达式
    41.       console.log(val) // 100
    42.     },
    43.     'question, answer' (val, old) {
    44.       // 同时观察多个值, val为数组个数, question变化时
    45.       console.log(val) // ['test', 'I cannot give you an answer until you ask a question!']
    46.     }
    47.   },
    48.   attached () {
    49.     // 3s之后修改数据
    50.     setTimeout(() => {
    51.     }, 3000)
    52.   },
    54.     changeData() {
    55.       this.question = 'test'
    56.       this.info.name = 'b'
    57.       this.arr[0].age = 100
    58.     }
    59.   }
    60. })
    61. </script>

    除了 watch 选项之外，您还可以使用命令式的 this.$watch API。

    示例：

    1. <template xmlns="">
    2.   <view class="list">
    3.     <view wx:for="{{list}}">{{item}}</view>
    4.   </view>
    5. </template>
    7. <script>
    8.   import {createComponent} from '@mpxjs/core'
    9.   import mixin from './mixin'
    10.   createComponent({
    11.     mixins: [mixin],
    12.     ready () {
    13.       console.log('component ready:', this.list.tv)
    14.     }
    15.   })
    16. </script>

    输出结果为