因为jq是js封装的库,所以文章直接说原始模式,vue为数据绑定模式。
原始方式和简单,第一步获取元素,第二步绑定事件,第三步进行操作。
<li><a href="javascript:;" id="logout">退出</a></li>
$("#logout").on("click",function(){
$.ajax({
type:'post',
url:'/logout',
success:function(){
location.href='/admin/login.html'
}
});
})
而vue则是直接数据绑定,操作绑定。
<el-button type="info" @click="logout">退出</el-button>
logout() {
//清空token
window.sessionStorage.clear()
//编程式导航
this.$router.push('/login')
},