title: Vue interpolation for key-value pairs
body: <p>Suppose that I have a data property in Vue.js called <code>iconsColor</code>, which is defined like this:</p>
  <pre><code>data() {
      return {
        iconsColor: &quot;#b5ffff&quot;,
      };
    },
  </code></pre>
  <p>I want to be able to use this property where I am setting color like this:</p>
  <pre><code>:style=&quot;{ color: '#b5ffff' }&quot;
  </code></pre>
  <p>I tried a couple of different ways</p>
  <pre><code>:style=&quot;{ color: '{{iconsColor}}' }&quot;
  </code></pre>
  <p>and studied a few interpolation techniques like <a href="https://stackoverflow.com/questions/43062149/how-to-bind-to-attribute-in-vue-js">this</a> and <a href="https://stackoverflow.com/questions/43211760/how-to-solve-interpolation-inside-attributes-has-been-removed-use-v-bind-or-the">this</a>, but I was not able to come to a solution. How this utilization can happen?</p>