前端页面设计及Vue使用的一些经验教训总结

1.多使用div，合理使用float

2.margin值可设为负值，注意设置为负值后会被覆盖，可将position：relative

3.vue跳转传递参数：

• params：注意这里应该用

  this.$router.push({
      name:'name',
      params:{id:id},
  })

  params传参url中参数内容不可见，且刷新后传的参数就会丢失

• query：注意这里应该用

  this.$router.push({
      path:'/url',
      query:{id:id},
  })

  query传参url中参数内容课件，且刷新后传入参数不会丢失

• 无论是params还是query传参，接受参数时应使用 this.$route.params.id 或者 this.$route.query.id

4.跨域访问URL：跨域是页面里发起http请求时，请求的地址的域和当前页面的域不同，可以在后台代码设置filterConfig，看Spring文档写WebMvcConfigurer；也可以在前端设置，比如jsonp

windows.open是打开新页面。

对于一些常用URL，可以在Vue的api.js里面定义const常量，

import： 是引用第三方文件。import+(常量 | 函数 | 文件 | 模块)名 
exports： 暴露某个常量、函数、文件、模块函数。

5.index.js 里面path、name、component

6.注意$.get(url,data=>{})和$axios.get(url).then(data=>{}) 语法区别

7.data.forEach((val[,index])=>{})

8.scop="scope",scope.row则可获得当前选中的行

9.对于ElementUI元素多看属性方法，灵活使用

10.created()方法注意是与methods同级，注意不要放在methods里面了；注意括号问题

11. echarts 画图 注意参考官网示例，确保数据无误，如果数据是通过发送ajax请求获得，注意异步问题，要在数据获取之后再开始画图，另一方面需要注意版本问题，echarts目前官网已经更新至4.2.1，很多示例也是4新增的功能，需要判断引用的echarts版本是否是最新。若希望echarts表格自适应窗口大小，需要使用window.onsize=function(){myCharts.resize();}