expandable-image是Lightbox基本图像组件，可在单击/点击时将图像扩展到完整尺寸。

安装和下载：

# NPM
$npm install vue-expandable-image --save

使用：

将vue-expandable-image组件安装并导入到您的项目中。

import VueExpandableImage from 'vue-expandable-image'

使用组件。

<expandable-image 
  class="image" 
  src="1.jpg" 
  alt="dog" 
  title="dog">
</expandable-image>

启用组件。

new Vue({
  el: '#app',
  mounted() {
    const viewportMeta = document.createElement('meta');
    viewportMeta.name = 'viewport';
    viewportMeta.content = 'width=device-width, initial-scale=1';
    document.head.appendChild(viewportMeta);
  } });