c1 點擊單向切換網址

by BDeer

HTML

<div id="app">
 <a :href="src">{{ message }}</a>
 <button @click="changeSrc">單向切換</button>      
</div>

CSS

a{color:#111;text-decoration:none;}
a:hover{text-decoration:underline}

Vue

let vmBindeOn = new Vue({
 el: '#app',
 data: {
  message:'雅虎奇摩',
  src:'https://tw.yahoo.com/'
 },
 methods:{
  changeSrc(){
   this.message = '地球圖輯隊';
   this.src = 'https://dq.yam.com/list.php'
   }
 }
})