theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(computed): support arrow function usage for computed option

Browse Source 
fix #733
This commit is contained in:
Evan You 2020-02-17 23:22:25 -05:00
parent 9571ede84b
commit 2fb7a63943
3 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/reactivity/src/computed.ts
View File

@ -11,7 +11,7 @@ export interface WritableComputedRef<T> extends Ref<T> {
readonly effect: ReactiveEffect<T>
}
export type ComputedGetter<T> = () => T
export type ComputedGetter<T> = (ctx?: any) => T
export type ComputedSetter<T> = (v: T) => void
export interface WritableComputedOptions<T> {

4
packages/runtime-core/__tests__/apiOptions.spec.ts
View File

@ -52,9 +52,7 @@ describe('api: options', () => {
bar(): number {
return this.foo + 1
},
baz(): number {
return this.bar + 1
}
baz: (vm): number => vm.bar + 1
},
render() {
return h(

4
packages/runtime-core/src/apiOptions.ts
View File

@ -302,12 +302,12 @@ export function applyOptions(
__DEV__ && checkDuplicateProperties!(OptionTypes.COMPUTED, key)
if (isFunction(opt)) {
renderContext[key] = computed(opt.bind(ctx))
renderContext[key] = computed(opt.bind(ctx, ctx))
} else {
const { get, set } = opt
if (isFunction(get)) {
renderContext[key] = computed({
get: get.bind(ctx),
get: get.bind(ctx, ctx),
set: isFunction(set)
? set.bind(ctx)
: __DEV__