## 安裝 ``` npm install --save vue-picture-preview ``` ## 使用 ### 在項目的入口文件處進行配置 ``` import vuePicturePreview from 'vue-picture-preview' Vue.use(vuePicturePreview) ``` ### 在根路由處進行添加插槽 ``` <!-- Vue root compoment template --> <div id="app"> <router-view></router-view> <lg-preview></lg-preview> </div> ``` ### 對于所有圖片都可以使用 v-preview 指令來綁定他們的預覽功能 ``` <img v-for="img in imgs" v-preview="img" :src="img"> export default { data () { return { imgs: ['http://covteam.u.qiniudn.com/ka2.jpg', 'http://covteam.u.qiniudn.com/poster.png'] } } } ```