1.全局变量放到state.js文件中
存为:this.$store.state.userInfo=obj.elementthing;
取值:this.userInfro=this.$store.state.userInfo;
2.后端传回来的taken一般放到sessionStorage中关闭浏览器会清除
存值:sessionStorage.setItem('token',token)
取值:sessionStorage.getItem('token')
3.调用store下的mutations.js方法
this.$store.commit('handleUserName',obj.elementthing);
4.只是当前页面需要的css要在当前页面的style标签上加入scoped
<style scoped>
.personpage{
width: 100%;
height: 100%;
}
</style>
5.路由中加入model:’history’可以去掉#,部署到tomcat后发现刷新页面要报404
可以加个WEB-INF文件夹里面放个web.xml内容如下
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
version="3.1" metadata-complete="true">
<display-name>Router for Tomcat</display-name>
<error-page>
<error-code>404</error-code>
<location>/index.html</location>
</error-page>
</web-app>
6.绑定样式,标签中加入
v-bind:style="height"
data () {
return {
height:{height:"390px"},
}
}
7.向父级传参
子级组件的标签中加入v-on:headCallBack2=“hideChild”
子级调用:this.$emit(“headCallBack2”,true)可以在hideChild方法中接收参数
8. 修改对象参数
如var obj={‘a’:0,’b’:2
this.$set(obj,“a”,1)结果为{‘a’:1,’b’:2}
9.修改验证码
<img :src="captcha" @click="changecode()" />
changecode(){
this.captcha = this.captcha+'?d='+Math.random();
}
点击图片就可以修改验证码
10. 通过判断是否调用该样式
:class="{leftmid:active == 2}"
当active =2时调用leftmid样式