Антон Антон

v-on:click="showId(post.id)"
...
   showId: function (key){					
      console.log(key) // <-- вот сюда											
   }

v-on:click="showId(post)"
...
   showId: function (post){					
      console.log(post.id) // <-- вот сюда											
   }

{
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
                loaders: {},
        template: {
        doctype: 'html'
        }
}

<div @mouseenter="hoverClass='myclass'" @mouseleave="hoverClass=''"  :class="hoverClass"></div>

• Поддержка ES2015 по умолчанию;
  
• Позволяет использовать разные загрузчики Webpack для разных частей Vue компонента, например, SASS для <style> и Jade для <template>;
  
• Позволяет использовать пользовательские секции во .vue-файлах, применяя к ним пользовательские цепочки загрузчиков
  
• Обращается со статическими ресурсами, указанными в <style> и <template>, как с зависимостями модуля, и обрабатывает их Webpack загрузчиками;
  
• Может эмулировать scoped CSS для компонентов;
  
• Поддерживает горячую замену модулей.
  

Vue.component('b-router-link', {
  template: '<li class="nav-item"><router-link :to="to" class="nav-link"><slot/></router-link></li>',
  props: ['to']
})

<b-router-link to="/phones">Телефоны</b-router-link>

<div>
      <div>@{{ labelName }}</div>
     <div>@{{ labelPassword }}</div>
</div>