Vue

by booktu8

HTML

<div id="app">

  <button>百度</button>
  <button>谷歌</button>
  <button>网易</button>

  <div></div>


  <button 
  v-for="(item,index) in items" 
  @mousemove="onClick(index)"
  >    {{item.name}}
  </button>

  <br/>

  <div>
    <input type="text" :value="aa">
  </div>




</div>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

li {
  margin: 8px 0;
}

h2 {
  font-weight: bold;
  margin-bottom: 15px;
}

del {
  color: rgba(0, 0, 0, 0.3);
}

Vue

new Vue({
  el: "#app",
  data: {
   items:[
     {
     	name:'百度',
     	url:'baidu'
     },{
     	name:'谷歌',
     	url:'google'
     },{
     	name:'网易',
     	url:'163'
     }
   ],
  aa:'111'
   
  },
  methods: {
  onClick(index){
  
  let url = this.items[index].url
  
  this.aa = url
  
  
  
  
  
  },
  	toggle: function(todo){
    	todo.done = !todo.done
    }
  }
})