vue 获取字符串中的链接_vue中如何拼接字符串

Vue.js中的图片引用路径的方式:

第一种：按照正常HTML语法引用路径

export default {

name: 'App',

data () {

return {}

}

}

第二种：使用import方式

import logoSrc from './assets/logo.png'

export default {

name: 'App',

data () {

return {

logoSrc: logoSrc

}

}

}

第三种：使用require方式

export default {

name: 'App',

data () {

return {}

}

}

返回到您的问题，也直接给您做了一个demo：

• {{item.text}}

export default {

name: 'App',

data () {

return {

arr: [{

text: '111'

}, {

text: '222'

}, {

text: '333'

}]

}

}

}

效果如下：