# vue-root-store

**Repository Path**: jackdizhu/vue-root-store

## Basic Information

- **Project Name**: vue-root-store
- **Description**: vuex demo, build moode lib config, babel plugin demo
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: store
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-12-31
- **Last Updated**: 2021-11-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-root-store

* 根据$root关联store，而不需要注入全局mixin
* 按需引入mixin，有getStoreData、setStoreData、addWatch、removeWatch等方法
* [store]分支 - root注入rootMixin(必须)，page注入storeMixin(按需)
* [store]分支 - rootMixin注入到root(main.js中的new Vue)

## functional 无状态组件

```vue
<template functional>
  <div class="OptionItem" :class="{'active': props.value === props.context.value}">
    <slot/>
  </div>
</template>

<script>
export default {
  name: 'OptionItem',
  functional: true,
  props: {
    value: {
      type: String,
      default: ''
    },
    context: {
      type: Object,
      default: () => {
        return {
          value: ''
        }
      }
    }
  }
}
</script>
```