按文档这写的，<a href="https://ecomfe.github.io/okam/#/component/setData?id=%E7%9B%91%E5%90%A

关于这个问题，可能文档上没写清楚，由于 okam 框架是渐进式增强，因此如果需要使用 <code clas

这个加上了，不报错，不过从父组件传过来的props更新后，watch没有任何变化， <div class="highlight highlight-source-

TypeError: this.$watch is not a function about okam HOT 4 CLOSED

ecomfe commented on May 14, 2024

TypeError: this.$watch is not a function

from okam.

Comments (4)

wuhy commented on May 14, 2024

关于这个问题，可能文档上没写清楚，由于 okam 框架是渐进式增强，因此如果需要使用 watch 能力，需要在构建配置 framework 增加配置项：['data', 'watch']，所以请先确认下是否有加上相关配置。

from okam.

nyrf commented on May 14, 2024

这个加上了，不报错，不过从父组件传过来的props更新后，watch没有任何变化，

   framework: [
        'data',
        'ref',
        'watch'
    ],

index.vue

<template>
    <view>
        <div @click='update'>Click check</div>
    </view>
</template>
<script>
import Hello from '../../components/Hello';
export default {
    config: {
        title: 'Page Title'
    },

    components: {
        Hello
    },
     data: {
       title: 'title'
    },

   methods: {
    update () {
            this.title = 'title updated'
       },
   }
   
}
</script>

<template>
    <view class="hello-wrap">
        {{title}}
    </view>
</template>
<script>
export default {
    config: {
    },

    props: {
        title: String
    },

   created() {
     this.$watch('title', function (newVal, oldVal) {
          console.log('watch', newVal, oldVal, 'donw')
      });
   },

    data: {
    },

    methods: {

    }
};
</script>