VueJSテンプレートの値にアクセスできません

Question

テンプレート内のユーザーの電子メールにアクセスできません。私は、レンダリングされたページをチェックすると、私はリストを見ることができます

Vue.component('officemates', { 
    props: ['officemate'], 
    template: '<li>{{ officemate.name }} | <a href="{{ officemate.website }}">{{ officemate.website }}</a></li>' 
}); 

var officemates = new Vue({ 
    el: '#my-officemates', 
    data: { 
     myOfficeMates: [ 
      { name: 'Jolo Pedrocillo', website: 'https://www.oneman.com/' }, 
      { name: 'Lucel Del Campo', website: 'https://www.single-mom.com/' }, 
      { name: 'PJ Manahon', website: 'https://www.thebigone.com' }, 
      { name: 'Evan Ortega', website: 'https://www.goodguy.com' } 
     ] 
    } 
}) 

が、リンクはこのようなものです：：ここに私がやったことだ

http://localhost/dev_beta/vue/{{ officemate.website }} 

私はまだ私の次のプロジェクトのためにVueJSを勉強しています。あなたが私の簡単な問題で私を助けてくれることを願っています。

<a v-bind:href="officemate.website">{{ officemate.website }}</a> 

のか、要するにあなたも行うことができます：

私はバージョンVue.jsのv2.1.10

:)

Answer 1

を使用していますが、このためにv-bindを使用する必要が

<a :href="officemate.website">{{ officemate.website }}</a>