vuex

https://www.jianshu.com/p/68e41dcb8361

1.

this.$refs.子组件名.方法名 父组件调用子组件 子组件上ref名
this.$emit.父组件方法 @方法名= 方法 在组件上 子组件调用父组件
2. getter获取值 mutataions 改变值 action本质调用mutation 合集
可以引用多个js文件 一个module里包含多个变量名 变量名.getters.值 或者变量名.方法去调用
$store.dispatch('switch_dialog') 来触发 action 中的 switch_dialog 方法
$store.commit('switch_dialog') 来触发 mutataion 中的 switch_dialog 方法

computed:{

    //这里的三点叫做 : 扩展运算符
    ...mapState([
      show:state=>state.dialog.show
    ]),
  }

<template>
  <div id="app">
    <a href="javascript:;" @click="$store.dispatch('switch_dialog')">点击</a>
    <t-dialog></t-dialog>
  </div>
</template>

<script>
import dialog from './components/dialog.vue'
export default {
  components:{
    "t-dialog":dialog
  }
}
</script>

  

 
 
posted @ 2018-10-25 10:15  半亩方塘dd  阅读(166)  评论(0编辑  收藏  举报