Advertisement

在Vue中, watch用于监控组件状态, computed属性用于计算值

阅读量:

近期编写Vue.js代码时需要解析父组件传递的类型信息用于做条件判断,并使用v-if和v-else指令实现页面渲染逻辑的变化。

最初使用watch监控了type的变化情况。观察到value发生了变化。然而,在data配置项中设置visible属性时存在书写错误,并未实现响应式功能。具体而言,在此过程中发现即使value变化(即数据发生变化),也会影响未绑定视图的更新(因为没有响应式的机制来驱动视图更新)。

复制代码
   props: {

    
     businessObject: Object,
    
     type: String,
    
     idEditDisabled: {
    
       type: Boolean,
    
       default: true
    
     }
    
   },
    
   data() {
    
     return {
    
       elementBaseInfo: {},
    
       methodOptions: [],
    
       visible:false
    
       //典型的没有响应式
    
       // visible: this.type === 'StartEvent' || this.type =

全部评论 (0)

还没有任何评论哟~