关于父子组件的传值问题，做下记录！

**

父组件给子组件传值

**
父组件部分代码如下通过props传值（即在子组件内添加props属性）

data部分

子组件data部分

**
注意props传值不是响应式，即把值传过去了，但是视图不会更新，所以需要使用vuex进行传值

子组件给父组件传值

**
通过$emit方式进行传值
父组件
html部分

红色框内等号右侧的均为父组件调用的接收数据的方法如下图：
父组件
script部分

子组件部分
script部分

调用$emit方法给方法函数传值

同级传值需要借助vuex传值

1.首先需要安装vuex npm install vuex --save
2.在src的目录下新建一个vuex的文件夹，并创建一个store.js的文件，如下
3.引入vuex和vuex 并Vue.use,并导出

4.组件需要和store关联起来，如下图

在组件中的computed把store和组件关联起来，
在显示可以直接使用差值表达式使用

给赋值的话，需要使用this.$store.commit(‘vuex的方法名’,要给vuex中赋的值)

如何有任何问题请及时和我沟通