dolymood / vue-reactivity-polyfill

@vue/reactivity polyfill

vue-reactivity-polyfill

@vue/reactivity can not support no Proxy envs, this pkg ployfill it.

• Use proxy-polyfill
• Use core-js

If you want to use with Vue3 to be compatible with IE9+, you need to use vue3-plugin-polyfill too.

Here is a demo, vue-next-demo.

Usage

// add polyfill
// vue-reactivity-polyfill-getownpropertynames is used to
// fix IE Obejct.getOwnPropertyNames(fn) error.
// for bundle, must imported before @vue/reactivity or vue
import 'vue-reactivity-polyfill-getownpropertynames'
import 'vue-reactivity-polyfill'
// use
import { ref } from '@vue/reactivity'
// or
import { ref } from 'vue'

New API

• get(target, path, defaultValue)
• set(target, key, val)
• del(target, key)
• getLength(target: ArrayLike)

Unsupported Cases

• Symbol key
• Array length
• Dynamic prop, object[key] or array[index]
• delete
• objectSpread

More, see proxy-polyfill

vue-reactivity-polyfill's Issues

既然是 polyfill，为什么还需要指定导入

import { get, set, del } from 'vue-reactivity-polyfill'

按理来说，单是这么导入不就可以了吗，应该在 polyfill 文件里面根据 Proxy 进行判断是否应该应用补丁吧

import 'vue-reactivity-polyfill'

关于不支持的用例的问题

我看到 Readme.md 里的 Unsupported Cases 有写到不支持 objectSpread，请问这是指哪一种写法？

我测试了

const value = reactive({ ...obj });
const { ...rest } = value;
const x = { ...value };

几种写法对于 obj 中本身就有的 key 貌似都是正常的？

想问一下，这个不支持的场景是指什么写法呢？

谢谢