data 有个变量 state 初始值为0 然后从外部数据读取更新这个值 ,但没效果,好象没更新

问题遇到的现象和发生背景

data 有个变量 state 初始值为0 然后从外部数据读取更新这个值 我放在created里获取,页面再更根据获取到的这个state值,v-if="state" 去判断 显不显示这个div,但发现不成功,state 永远都是0 是怎么回事呢

<template>
  <div>
    <div v-if="state"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      state: 0,
    };
  },
  created() {
    this.state = 1;
  },
};
</script>

<style lang="scss" scoped>
</style>

vue不是有计算属性和watch吗?

this.变量=xxx 重新赋值了吗

这个值从外部传进来,使用created不一定能及时获取到,可以改用mounted试试;也可以使用watch进行监听

watch: {
        props: {
                handler(val) {
                     this.state = val;
                },
                immediate: true
        }
}