vue create test //创建项目
配置
image.png
安装elementUI
npm i element-ui -S
安装 babel-plugin-component,实现按需引入
npm install babel-plugin-component -D
//新建 .babelrc 配置按需引入
{
"presets": [["@babel/preset-env", { "modules": false }]],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}
使用
import { Button,} from 'element-ui';
components:{
[Button.name]:Button
}
安装wowjs
npm install wowjs
//main.js引入
import 'wowjs/css/libs/animate.css'
//需要添加动画的页面文件使用
import { WOW } from "wowjs";
new WOW({ live: true, offset: 120 }).init();
<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s"></section>
<section class="wow slideInRight" data-wow-offset="10" data-wow-iteration="10"></section>
