vue2.x + turn.js 如何实现翻书效果？下面本篇文章给大家介绍一下在vue2.x 中使用turn.js并实现翻书效果的方法，希望对大家有所帮助。
vue中使用turn.js
效果先览：
官方网站下载源码：http://turnjs.com/
立即学习“前端免费学习笔记（深入）”；
找到里面的文件 lib/turn.js
放到新建的utils文件里面
Turn.js是使用了jquery书写的，使用vue中要引入jquery
npm install --save jquery
新建vue.config.js配置文件
const webpack = require('webpack')
module.exports = {
chainWebpack: config => {
//引入ProvidePlugin
config.plugin("provide").use(webpack.ProvidePlugin, [{
$: "jquery",
jquery: "jquery",
jQuery: "jquery",
"window.jQuery": "jquery",
}, ]);
},
}我把官方文件引入到本地图片文件使用
查看文件的像素，在设置宽高的时候width是2倍 height不变。
使用vue文件内容
效果图片：
【相关推荐：vue.js教程】
