Vue项目开发笔记

一、前言

最近在学习Vue开发，在开发过程中或多或少都碰到了一些问题，这里做下笔记，方便查阅

二、问题

• 1、跨域问题
  项目运行时一直发http://localhost:8080/sockjs-node/info?t=1462183700002请求
  
  

  image.png

问题分析：果是在开发环境，应该是开发的时候网络环境变更导致，比如你切换无线网络，导致开发服务器的IP地址换了，这样开发服务器会不知道如何确定访问源，就会报跨域错误

解决办法：开发环境中关闭npm dev server，然后重新npm run serve重新构建服务环境就可以了。

// 项目中，如果用的是cnpm则用cnpm执行
npm dev server
npm run serve

参考链接：https://segmentfault.com/q/1010000005045512

• 2、vue 嵌套路由如何进行父子间的相互通信
  $on和$emit很合适在这种需求下使用

// 父路由发送
this.$root.$emit('message')
// 子路由接收放在钩子created或mounted中使用
this.$root.$on('message', () => {
})

参考链接：vue 嵌套路由如何进行父子间的相互通信
**