<template>
  <div class="">
    <demo></demo>
   </div>
</template>
<script>
import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
import { list, add, edit, del } from "@/api/demo.js";
import demo from './demo'
export default {
  components: {demo},
  props: ["demo"],
  computed: {
    ...mapState(["demo"]),
    ...mapGetters(["demo"]),
  },
  data() {
    return {

    };
  },
  watch: {
    demo: {
      handler(newVal, oldVal) {
        console.log(newVal);
        this.init();
      },
      immediate: true,
      deep: true,
    },
  },
  crtated(){

  },
  mounted() {
    
  },
  beforeDestroy() {

  },
  methods: {
    init(){

    }
  }
};
</script>
<style lang="less" scoped>
@import url("./demo.less");
.task {
 
}
</style>