test(runtime-core): 编写组件attrs更新的测试例子 & 进行测试

Author: coderwei99

packages/vue/example/componentsAttrs/App.js

@@ -16,8 +16,8 @@ export default {
       h(Child, {
         // 这里会进行了统一的规范: name & age 如果是props 则会在组件内部通过defineProps进行定义  其余的属性统一当做attrs(即不属于props的都会被当成attrs)
         name: 'coderwei',
-        age: this.age,
-        number: 95527666,
+        age: 19,
+        number: this.age,
         cart: 'bar'
       }),
       h('button', { onClick: this.handleClick }, 'add')

packages/vue/example/componentsAttrs/cpns/Child.js

@@ -10,8 +10,20 @@ export default {
       type: Number
     }
   },
-  setup() {},
+  setup(props, ctx) {
+    const handleClick = () => {
+      console.log(ctx.attrs.number)
+    }
+    return {
+      handleClick
+    }
+  },
   render() {
-    return h('div', `age:${this.age}`)
+    return h(
+      'div',
+      {},
+      h('div', `age:${this.age}`),
+      h('button', { onClick: this.handleClick }, 'add3')
+    )
   }
 }