# commonStroe

**Repository Path**: ruibao-0113_admin/common-stroe

## Basic Information

- **Project Name**: commonStroe
- **Description**: study mvvm-coderL
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-03-29
- **Last Updated**: 2022-06-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 实现

> 个人学习简单实现 watch监听数据<br>
> 安装 npm i commonstore<br>
> import CommonStore from 'commonstore'<br>

### 1. 新建实例

```javascript
const store = new CommonStore({
  data: {
    a: 1,
    b: 2,
    arr: [1, 2, 3],
  },
});
```

### 2.实例继承 $watch 方法监听 data.a 值发生改变触发 callback回调
```javascript
store.$watch("data.a", (old,val) => {
  console.log(old);// 老的值
  console.log(val);// 最新值
});
store.$watch("data.a", val => {
  console.log(val);// 只有一个参数时 val为最新值
});
```

### 3.也可监听多个属性 监听 data.b

```javascript
store.$watch("data.b", (val) => {
  console.log(val);
});
```

2022.3.29 coderL