为div绑定一个字符串类型的style用来设置background-image：url('xxxxxx')，图片因为一些问题error了，当其他变量触发组件patch时，会再次请求这张图片

[xiaojvmao]

Version

3.0.0-beta.14

Reproduction link

https://codepen.io/403141449/pen/eYJNzed?editors=1011

Steps to reproduce

let { createApp, ref, reactive } = Vue;
createApp({
  setup() {
    let a = ref(0);
    let stringStyle = ref('background-image: url(http://cdn.normalhamal.online/4d98e41247d1e425894a.jpeg)');
    return {
      a,
      stringStyle,
    }
  }
}).mount("#app")

<div id="app">
  <div :style="stringStyle"></div>
  <button @click="a  ">
    {{ a }}    
  </button>
</div>

图片因为某些原因error了，当a的值改变时会再次请求这张图片

如果stringStyle没有修改background-image，不会再次请求这张图片

或者写成

let style = {
    backgroundImage: 'background-image: url(http://cdn.normalhamal.online/4d98e41247d1e425894a.jpeg)'
}

也不会再次请求这个图片

在vue2.6.11中没有这个问题

What is expected?

只请求一次图片

What is actually happening?

每次patch都会请求一次图片