zoukankan      html  css  js  c++  java
  • [Vue]Vue实例的选项props传递数据props为驼峰式命名

    在vue的中文官网有这样的说明:

    HTML 中的特性名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名。

    如果你使用字符串模板,那么这个限制就不存在了。

    1.当组件中template及props等使用驼峰式命名,在html中对应的改成短横线命名方式。

    2.当组件中template及props等使用字符串模板,在html中改成对应的小写。

    源码说明:

    在Vue的源码中创建Vue组件的时候createComponent(),解析组件的相关属性,而在extractPropsFromVNodeData()中,Vue通过调用内部方法hyphenate,把驼峰形式的属性转换为横断线形式。

    除此之外,Vue在initProps(),validateProp()时,都将驼峰形式的属性转换为横断线形式。

  • 相关阅读:
    汉诺塔
    美丽联合2018前端
    游览器
    python多线程实现
    cuda toolkit
    编译器,解释器及混合编译
    大疆无人机
    SaaS PaaS IaaS mes
    CNN中权值共享的理解
    最近动作项目心得
  • 原文地址:https://www.cnblogs.com/vickylinj/p/9538593.html
Copyright © 2011-2022 走看看