祖孙组件传递数据 不能越级,只能一级级父传子,父传子,最后数据才从爷爷才传给了儿子。 父子组件传递数据和方法的位置:在父组件模板中使用子组件的位置,这时候在父组件作用域呢,可以取出父组件中的data以及methdos赋值给子组件。 组件中的命名注意点:注册组件的时候使用了"驼峰命名", 那么在使用时需要转换成"短横线分隔命名"例如: 注册时: myFather(js) -> 使用时: my-father(html) 在传递参数的时候如果想使用"驼峰名称", 那么就必须写"短横线分隔命名"例如: 传递时: parent-name="uname" -> 接收时: props: ["parentName"] 在传递方法的时候不能使用"驼峰命名", 只能用"短横线分隔命名"@parent-say="say" -> this.$emit("parent-say"); 补充知识驼峰命名计算机程序、图灵完备的编程语言常用的命名方式。英文名camelCased。使用方式:比如默认值可以定义成defaultValue。有什么好处:语义化,大写分割单词,方便阅读。为什么要使用驼峰命名:公认较好的变量命名方式。 短横线命名法英文名kebab-case。常见于HTML,比如HTML自定义标签el-table;自定义属性default-value等等。为什么会使用此种命名方式(或者说为什么不用驼峰)。HTML对大小写不敏感,所以他用不了驼峰,当然你硬要使用defaultValue和defaultvalue也可以,但是它只会解析成defaultvalue,认为是同一个变量。
|