关于vue监听dom与传值问题

时间:2023-03-09 16:01:52
关于vue监听dom与传值问题

1. 代码初始化一次执行部分属性为空的情况

原因:

异步加载 + 立马 传值时

     直接渲染 dom里面  能实时更新 (无影响)

     不能直接dom中渲染(有影响)     解决方法:需要通过监听的方式来处理返回值

异步加载 + 过后点击 通过其他方法传值(如:vuex  )

     直接dom里面  能实时更新(无影响)

     不能直接在dom中渲染(基本无影响)

异步加载 + v-if

     直接dom里面  能实时更新(无影响)

     不能直接在dom中渲染(无影响)

   

获取到vuex中的值  立马 传值问题

可以用计算属性

也可以在data中申明 然后在created 方法中取vuex中的值(直接在data里面取 是取不到的 为空  大概是渲染没那么快 从而推断出 传值也是在created 方法之后)

此步骤不为异步 所以子组件接收 计算属性跟data接收都可以

关于vue监听dom与传值问题

 总结:父 =(异步)》子 js处理需要监听变化 而 直接传到dom中 dom本身就能实时监听

    vuex getters 取值是在created 之后  传值也是在cerated之后  vuex取值不是异步

传值是否异步 直接dom中不用管   如果是js接收 并且异步的话 需要监听