TIP

出错缘由:
Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。
这样也不总是符合实际需求,所以 Vue 为你提供了一种方式来表达“这两个元素是完全独立的,不要复用它们”。只需添加一个具有唯一值的 key 属性即可。见详情

TIP

  • fetch 必然要替换 XMLHttpRequest ,所以是时候尝试 fetch 了;
  • 本封装仅针对npm引入;
  • 本封装依赖 es6-promisewhatwg-fetch,分别对 promisefetch 进行兼容性处理;
  • 还有一种兼容性处理是依赖 es6-promiseisomorphic-fetch ,但是看它的源码就会发现,isomorphic-fetch 只不过是引用了 whatwg-fetch ,并没有做二次开发,isomorphic-fetch 只是将fetch添加为全局,以便其API在客户端和服务器之间保持一致,所以没必要。

说明

  • 以下记录均针对于vue-cli
  • 本页所整理的关于Vuex的知识点并不完整,目的在于让开发者快速熟悉Vuex的系统知识,详情请移步Vuex官网

在使用vue-cli进行项目构建时,有时是需要引用外部cdn资源的,生产环境中可以直接在index.html的头部引用,但是编译时会报错,因为脚手架无法识别这个外部资源.下面以引用腾讯地图api为例,介绍如何正确引用外部cdn资源.

在开发阶段,前端调用后端接口可能会出现跨域问题,在vue-cli中已经为我们集成了http-proxy-middleware,我们只需要在config/index.js中的proxyTable 配置即可。

原因

vue的路由是由js来控制的,但是,当你刷新浏览器的时候,是向服务器发送请求的一个过程,当访问不到的时候必然会返回404。