fix(function): properties of function should not disappear. (#778)

vuejs · Aug 1, 2021 · 68c1a35 · 68c1a35
1 parent 6890852
commit 68c1a35
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 0 deletions.
diff --git a/src/mixin.ts b/src/mixin.ts
@@ -124,7 +124,11 @@ export function mixin(Vue: VueConstructor) {
         if (!isRef(bindingValue)) {
           if (!isReactive(bindingValue)) {
             if (isFunction(bindingValue)) {
+              const copy = bindingValue
               bindingValue = bindingValue.bind(vm)
+              Object.keys(copy).forEach(function (ele) {
+                bindingValue[ele] = copy[ele]
+              })
             } else if (!isObject(bindingValue)) {
               bindingValue = ref(bindingValue)
             } else if (hasReactiveArrayChild(bindingValue)) {

diff --git a/test/setup.spec.js b/test/setup.spec.js
@@ -1193,4 +1193,30 @@ describe('setup', () => {
     const vm = new Vue(Constructor).$mount()
     expect(vm.proxy).toBe(originalProxy)
   })
+
+  // test #687
+  it('properties of function should not disappear', () => {
+    Vue.component('todo', {
+      template: '<div/>',
+      props: ['testFn'],
+      setup(props) {
+        expect(props.testFn.a).toBe(2)
+      },
+    })
+
+    const vm = new Vue({
+      template: `
+        <div>
+          <todo :testFn="testFn"></todo>
+        </div>
+      `,
+      setup() {
+        const testFn = () => {
+          console.log(1)
+        }
+        testFn.a = 2
+        return { testFn }
+      },
+    }).$mount()
+  })
 })