vue组件的驼峰式命名与短横线分割命名

最新推荐文章于 2024-07-16 14:23:16 发布

H_x

最新推荐文章于 2024-07-16 14:23:16 发布

阅读量1.6k

点赞数 2

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_43650979/article/details/105839130

版权

本文介绍了Vue组件在注册、数据传递和方法传递时的命名规则。注册组件时通常使用驼峰式命名，但在使用时需转换为短横线分隔；传递数据时，父组件采用短横线命名，子组件接收时用驼峰式；传递方法时，双方都应使用短横线命名。

摘要由CSDN通过智能技术生成

1.注册组件的时候使用了驼峰命名

如果在注册组件的时候使用了驼峰命名, 那么在使用时需要转换成短横线分隔命名

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组件命名</title>
    <script src="js/vue.js"></script>
</head>
<body>
<div id="app">
    <my-son></my-son><!-- 使用时：短横线分割命名-->
</div>
<template id="son">
    <div>
        <p>......</p>
    </div>
</template>