1 mounted钩子函数中请求数据导致页面闪屏问题
其实就是加载时机问题，放在created里会比mounted触发早一点，如果在页面挂载完之前请求完成的话就不会看到闪屏了

2 路由模式改为history后，除了首次启动首页没报错，刷新访问路由都报错。

必须给对应的服务端配置查询的主页面，也可以认为是主路由入口的引导。
　　官方文档也有：传送门 ： Vue-Router history Mode

3 vuex中数据刷新消失的问题
解决方法是在获取到数据往 store 中存储时，利用 window.localStorage.setItem(‘key’, value) 也存储一份相同数据。当在获取数据时判断存储的数据是否为空（如果是数组就判断长度是否为0，总之这儿就是判断），若不为空（数组长度不为0）直接获取，否则利用 window.localStorage.getItem(‘key’) 来获取。
例如

vue组件中：

      this.$store.commit('setUserId', item.id)
      window.localStorage.setItem('userId', JSON.stringify(item.id))

store中：

  getters: {
    loginIn: state => {
      let loginIn = state.loginIn
      if (!loginIn) {
        loginIn = JSON.parse(window.localStorage.getItem('loginIn') || null)
      }
      return loginIn
    },
}

4 VUE项目不兼容IE浏览器问题
非常简单，只需要两步就能解决：

1、 安装插件babel-polyfill

  npm install --save-dev babel-polyfill   

2、在你的VUE项目的src目录下找到main.js

 添加下面一行代码：

 import 'babel-polyfill'

最后，重新打开浏览器，应该就能兼容打开页面了。

我目前发现的兼容性问题主要有两个方面：

第一：IE浏览器认为 `` （不是单引号是1键左边的按键）字符是非法字符。

解决方案就是使用 ‘’（英文单引号）替换 `` 符号，这里需要注意单引号换行时的时候需要 + ’ ’ ；尽量不要在标签里再使用 ‘’ 为标签属性赋值，尽量使用 " " 号。
第二：IE浏览器不支持对象简写形式，例如：

这种形式chrome，火狐，欧朋浏览器是支持的，但是IE认为是语法错误。

解决方案：

这种方式目前测试，所有浏览器都兼容。

1. webpack打包后js文件名为1.js, 2.js, 3.js而非不规律hash值得问题

   vue打包 在环境变量NODE_ENV === 'production’时会自动给打包后得js文件加入hashi值 配置打包项文件 让环境变量 NODE_ENV = ‘production’ 即可

2. webpack打包环境变量配置文件
   1.修改package.json中srcipts的对应命令
   如:

   "serve": "vue-cli-service serve  --mode dev",
   "build": "vue-cli-service build  --mode pro"
   

   给对应编译方案加入 --mode + 文件名可打包全局变量（在不配置得情况下serve命令默认读取.env.development文件, build默认读取 .env.production文件）
   2.加入对应编译文件 .env.dev .env.pro 文件内容示例如下

   NODE_ENV='production'
   
   VUE_APP_BASE_API = '/api'
   
   

3.node-sass升级后 vue.config.js 配置sass预处理 prependData属性 不能使用的问题

解决方案：将prependData更改为additionalData

sass-loader版本兼容性问题

一. 就目录而言

1. 在项目的二级目录的config文件夹中，index.js文件中host为本地访问网络时的Ip地址，默认是localhost。 注意：在上传版本的时候，提前将host的值改为默认。（在pc端查看Ip地址的方法：window+R，输入cmd ，输入ipconfig）。

   

2. 在项目的二级目录的static文件夹中：

   

   1. 可以存储js等一些公共文件，
   2. 引用其内部的文件时可以直接/static
   3. 注意：在使用static内部文件的同时，一定要记得在打包之后，里面的图片文件地址是找不到的。此时要把文件放到src目录下的assets文件夹中，此时assets中的文件在加载的时候还是会遇到问题，图片还是访问不到，此时需要使用require进行引入，方可使用。（后端和http图片信息直接引入即可，不需使用require）。

3. 在做webapp项目的前提下，使用rem.js文件。

   

   注意：若UI的设计图为750px，此时，在以下情况中，根据给定或测得的数据大小/100，即设置的大小。

二. 针对数据而言

1. 在与后端对接接口时，问清楚请求的信息，是否可变。

2. 根据接口获取数据的方法：

   1. jquery中的$.ajax：
      
   2. axios的方法：（npm install axios -S）：
      
      • 发送get请求：
        
      • 发送 post请求：
        

3. 对于时间可以使用过滤器：（这里用的一般是全局过滤器）filter

   1. 定义‘time’过滤器：箭头函数中第一个参数为传入的值，第二个为符号。
      注意：在使用之前，要先复制一份数据，再进行操作。
      
   2. 使用‘time’过滤器：
      
      • 第一个为传入的值，第二个为过滤器的名字，中间用‘管道符|’分开。
      • 使用场景：
        
        • mustache{{}}中:
          
        • V-bind 中，进行绑定时使用:
          

4. Vue中组件之间通讯的方法：

   1. 父子组件：
      
      • 传输数据（子组件调用父组件的数据）
        父级组件中使用属性传值的方式，将数据传入子组件中：
        
        子级组件使用props进行接收：（与data属于同级，使用方法与data中的数据一致）
        
      • 传输方法（子组件调用父组件的方法）
        

      • 传输方法（父组件调用子组件的方法）
        
（子级）
<child-prop ref=”子级中的方法名”></child-prop>
（父级）
在代码中调用方法:this.$refs.子级中的方法名。


综上：
1. 父使用子中的数据： emit(子) , on(父) （子控制父【方法】）
父使用子中的方法： ref(子) , refs(父)（父控制子【方法】）
2. 子使用父中的数据：props


   1. 同级组件：Eventbus
      将A子组件中的数据传入父组件,再由父组件传入B子组件。
   2. 多组件控制：Vuex
      
      在页面中使用actions中的方法：
      
   3. 路由传参：
      
      • 思路：router-link中的to属性为链接的地址，内部可传参数（实参）
        Router中的index.js中的path地址中‘：id’，传入（形参）
        在path对应的组件中使用this.$route.params或this.$route.query接收传入的值。
      • router-link 引入地址的方式：
        <1> :to = ” { path: ’ /detail/123 ’ } ”
http://localhost:8080/detail/123
<2> :to = “ { name : ’ detail ’ , params : {uid :’ 123’} , query : { k : ‘888’ } }”
http://localhost:8080/detail/123?k=888

   4. localStorage存储的方式：
      注意：localStorage中只能存储字符串。字符串转对象：JSON.parse()，对象转字符串：JSON.stringify()
      

5. （1）props可以直接引入父组件中的数据，若想操作该数据，需要存储一下data或computed再进行使用，否则会报错。（注意一般在这种情况下，传输的值一般为对象，在对象中取值进行操作，这是不会报错）

   （2）针对传入的数据进行判断类型，并可以设置默认值: