vue.js - 如何绑定(bind)到 Vue JS 中的属性？

Question

我遇到了这个错误

Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div id="{{ val }}">, use <div :id="val">.

在这条线上

<a href="/Library/@Model.Username/{{myVueData.Id}}">

它在 Angular 1 中有效。你如何在 Vue 中做到这一点？

Answer 1

在你的模板中:

<a :href="href">

然后你将 href 放在 data 中:

new Vue({
  // ...
  data: {
    href: 'your link'
  }
})

或者使用计算属性:

new Vue({
  // ...
  computed: {
    href () {
      return '/foo' + this.someValue + '/bar'
    }
  }
})