#### // https://github.com/ant-design/ant-motion/issues/44 .bezierEasingMixin();


"main": "./lib/youdi_w3.umd.min.js",
  "main": "./packages/index.js",

```js
 yarn add less@^3.0.0 less-loader@5.0.x -D
 然后修改vue.config.js 中的  javascriptEnabled: true,
```

### 注意 有需要 form 表单的组件不适合使用 jsx

### mitt 替代 vuex

### vue3.0 常用的方法

```js
const { proxy, data, appContext } = getCurrentInstance(); //获取当前组件实例
context.slots.ceshi(); //获取名字为ceshi 的插槽  <template v-slot:ceshi>{{num3.num4}}</template>


///父组件调用子组件方法jsx ，子组件需要执行下面的方法
let childM = {}
const initChildMethod = (method) => {
    childM = method
}

//vue3.0 父组件获取子组件数据
父组件  <MyTableList>
      <template v-slot:ceshi='ceshi'>
        {{ceshi.value}}
      </template>
    </MyTableList>
子组件 {context.slots.ceshi(state)}
或者   <slot
        name="ceshi"
        :data="tableData"
        :isLoading="isLoading"
      ></slot>

//当前路由跳转
 ctx.$router.push('/about?id=1331').then(() => {

  })

//获取当前路由
ctx.$root.$route

///每次路由修改会调用该函数
ctx.$router.afterEach((res) => {
  console.log(res);
});
```

### 注意事项

    npm link youdi_w3  安装本地的npm包

### Syntax Error: Error: Failed to load plugin 'prettier' declared in '../../project/youdi_w_vue3/.eslintrc.js » @vue/eslint-config-prettier': Cannot find module 'eslint-plugin-prettier'