本人这段时间尝试把公司老系统的ExtJs换成vue,之前没专门搞过前端,过程中遇到一些问题,在此记录一下,也给刚开始学习遇到同样问题的同学一点经验!
首先放一份,我调试完美运行的代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
*{
margin: 0px,
padding: 0px;
list-style-type: none;
}
.login_img {
margin: 50px auto;
}
.login_img ul li {
position: absolute;
}
.login_img .divImg {
background-position: 0px;
background-size: cover;
background-repeat: no-repeat;
width: 700px;
height: 400px;
}
.img-enter-active,
.img-leave-active {
transition: all 4s;
}
.img-enter,
.img-leave-to {
opacity: 0;
}
.img-enter-to,
.img-leave {