Vue组件传参+Vuex小总结

一。父组件传参

1.利用props和$emit

父组件传给子组件

父组件：

 

2.子组件：

3.子组件传给父组件

子组件:

 

 父组件：

 

 二，利用provide和inject

父组件：

 

 子组件：

 

 

三：Vuex是什么？

1 .vuex：在大型，特大型，vue项目中做数据统一管理的

在vue中存储的数据，每个组件都可以引用到vuex中的数据变化，引用该数据的组件会自动更新

2.什么数据可以存储在vuex里面？
    如果一个数据，需要在多个组件中重复使用，可以把数据存放在vuex的store中
    用户数据，购物车数据

为什么要把等登录转换到vuex中

  1.登录后成功的数可以全局共享

 2.为了重复利用  登录功能不止在登录页面

为什么要写api/login.js（定义api呢）、

  重复利用登录的api也会调用多次

 方便集中管理 所有的请求的地址与请求方式api文件中改请求方法与参数可以直接修改

api内容就可以，不用具体进入到某个组件

3 。使用vuex的好处

1.数据的存取一步到位

2.数据的流动非常清晰

3.存储在Vuex中的数据都是响应式

四。什么样的数据适合存储到Vuex中:

      1.需要共享的数据

2。 vuex的作用是：频繁，大范围的数据共享

五。vux的五个概念

      1.  state：统一定义公共数据(类似于data()    {return {a:1,b:2}})

      2.   mutations:使用它来修改数据（类似于methods）

      3.   getters:   类似于computed(计算属性，对现有的数据进行新的计算得到新的数据)

      4.   actions： 发起异步请求

      5 .   modules：模块拆分