PKTseng

<div id="app">
<a 
   href="https://www.google.com/" 
   target="_blank" 
   @click.prevent="linkClick"
   >
    google
  </a>
</div>

PKTseng

<div id="app">
<a 
   href="https://www.google.com/" 
   target="_blank" 
   @click="linkClick"
   >
    google
  </a>
</div>

PKTseng

<div id="app">
<a 
   href="https://www.google.com/" 
   target="_blank" 
   @click="linkClick"
   >
    google
  </a>
</div>

PKTseng

<div id="app">
  <input v-model="input" @keydown.prevent.f5="keydown">
  <ul>
    <li v-for="item in list">{{item}}</li>
  </ul>
</div>

PKTseng

<div id="app">
  <input v-model="input" @keydown.enter="keydown">
  <ul>
    <li v-for="item in list">{{item}}</li>
  </ul>
</div>

PKTseng

<div id="app">
  <input v-model="input" @keydown="keydown">
  <ul>
    <li v-for="item in list">{{item}}</li>
  </ul>
</div>

PKTseng

<div id="app">
  <h2 v-if="loading">Loading</h2>
  <h2 v-else>complete</h2>
  <img
    :class="imgClass"
    @load="loading = false"
    src="https://picsum.photos/500/300" alt="">
</div>

PKTseng

<div id="app">
 <input v-model="a">+
 <input v-model="b">=
 <input v-model="c">
</div>

PKTseng

computed & watch 比較

A Pen by PKTseng on CodePen.

License.

PKTseng

<div id="app">
 <input v-model="a">+
 <input v-model="b">=
 <input v-model="c">
</div>