jsx

网站前端/React学习笔记/README.md

@@ -91,7 +91,7 @@
 
     1. 采用小驼峰式（camelCase）定义标签的属性名称
 
-        >类似DOM对象的`properties`名。属性名称可以用任何命名方式（大驼峰式PascalCase、`-`短横线隔开式kebab-case、等），只是react都是约定用小驼峰式（事件名仅支持小驼峰式camelCase）。
+        >类似DOM对象的`properties`名。属性名称可以用任何命名方式（大驼峰式PascalCase、`-`短横线隔开式kebab-case、等），只是react都是约定用小驼峰式（事件名仅支持小驼峰式camelCase）。属性名称传递进子级，不会做转化（如：~~`-`变大写~~）
 
         任何标准的或自定义的DOM属性都是完全支持。
 

网站前端/Vue.js学习笔记/README.md

@@ -968,29 +968,29 @@
 
                 ```vue
                 // 父级（父级是vue的模板语法；子级是什么语法不影响）
-                <子级 :props="{a:1,b:2}" :c="3" :on="{d:()=>{}}"/>
+                <子级 :props="{a:1,b:2}" :c="3" :on="{d:()=>{}}" on-e="1" onF="2" />
 
                 // 子级
-                获得3个$props属性：`props`、`c`、`on`
+                获得5个$props属性：`props`、`c`、`on`、`onE`、`onF`
                 ```
             2. vue的jsx语法
 
                 传递给组件的属性若匹配则会先传递给[`createElement`的第二个参数](https://v2.cn.vuejs.org/v2/guide/render-function.html#深入数据对象)（`class`、`style`、`attrs`、`props`、`domProps`、`on`、`nativeOn`、`directives`、`scopedSlots`、`slot`、`key`、`ref`、`refInFor`），剩下未匹配的属性传递给组件的props。
 
                 ```jsx
                 // 父级（父级是vue的jsx语法；子级是什么语法不影响）
-                <子级 props={{a:1,b:2}} c={3} on={{d:()=>{}}}/>
+                <子级 props={{a:1,b:2}} c={3} on={{d:()=>{}}} on-e={()=>{}} onF={()=>{}}/>
 
                 // 子级
-                获得3个$props属性：`a`、`b`、`c`；1个$listeners属性：`d`
+                获得3个$props属性：`a`、`b`、`c`；3个$listeners属性：`d`、`e`、`f`
                 ```
             3. react的jsx语法
 
                 ```jsx
-                <子级 props={{a:1,b:2}} c={3}/>
+                <子级 props={{a:1,b:2}} c={3} onA={4} on-b={5}/>
 
                 // 子级
-                获得2个props属性：`props`、`c`
+                获得4个props属性：`props`、`c`、`onA`、`on-b`（大小写、`-`不会做任何变化）
                 ```
 
 >模板选择优先级：`render` > `template` > `el`挂载的DOM的HTML。若使用`render`或`template`，则挂载的节点会被完全替换（并非仅替换挂载节点的内部内容，而是直接把挂载节点整个替换），无论是`el`还是`vm.$mount(节点)`。`el`挂载的DOM的HTML 自然就没有替换逻辑。