vue学习记录

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样式

图片共享网站：http://sharepic.vip