Vue.js escaping in v-for?

Question

Vue.js

How to output data via v-for when it is presented like this:

{
  "0": {
    "link": {
      "#text": "http://..."
    } ,
    "media:content": {
      "@attr": "http://..."
    }
  }
}

When compiling, it swears at # : @
PS symbols. This structure is obtained after converting xml to json.

Answer 1

Understood. Outputted in square brackets:

<div v-for="(item, index) in newsArray.item" :key="index">
    	<img :src="item['media:content']['@attr']" alt="">
</div>