Vue中的ajax
解决开发环境Ajax跨域问题
当你想在端口号为8080的主机上访问端口号为5000中的数据时,就会发生问题。
如何解决跨域问题:
代理服务器:
此时需要使用一个代理服务器,让代理服务器端口号也为8080,让它去访问5000中的数据并且拿到数据。然后再转发回给8080。两台服务器直接使用的是http请求。而红色的8080是浏览器,使用的是前端技术,才会产生跨域问题。
配置代理服务器
github用户搜索案例
vue-resource插件
插槽
可以使一组数据用不同的形式来展示
vuex插件
vuex是什么
何时使用vuex
1、多个组件依赖于同一状态
2、来自不同组件的行为需要变更同一状态
实际上就是共享
vuex原理图
actions、mutations、state都是对象形式。
1、安装:使用vue2时只能使用vuex3版本;使用vue3时只能使用vuex4版本;
安装时指定版本即可:如npm i vuex@3
2、引入并使用:插件的使用:use()。在src文件夹中新建一个store文件夹(用于创建vuex中最为核心的store),其中新建一个index.js文件(将store中的actions、mutations、state进行定义)。
vuex环境的搭建
getters的使用(store的配置项)
四个map方法的使用
模块化+命名空间