跨组件传值/同胞传值/modules模块化数据/mutations 状态的修改 --------大白话总结

1.跨组件传值

1.(新建项目的时候,跟router的做法一样,选中vuex直接回车) 系统自动配置完会有store文件夹

方法一:
    直接把数据放在store文件下,然后直接在想使用的地方
    用 this.$store.state.数据名 来读取

vue中代码全部:

    <template>
    <div class="about">
        <h1>跨组件传值==={
  {this.$store.state.name}}</h1>
    </div>
    </template>

方法二:
    把数据放在store文件下,然后直接在想使用的地方
   在计算属性中进行调用 用 this.$store.state.数据名 来读取

vue中代码全部:

    <template>
    <div class="about">
        <h1>计算属性方式取值--{
  {newname}}</h1>
    </div>
    </template>
    <script>
    export default {

            //在计算属性中进行读取
    computed:{
        newname(){
        return this.$store.state.name
        }
    }
    }
    </script>