Vue组件几个注意点

最新推荐文章于 2025-12-18 14:39:46 发布

原创最新推荐文章于 2025-12-18 14:39:46 发布 · 119 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

Vue 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了Vue组件的命名规则，包括单个单词和多个单词组成的组件名，建议使用Kebab-case或CameCase，并避免与HTML元素名冲突。同时，讨论了组件标签的两种形式及其在不同情况下的影响，以及Vue.extend选项的简写方式。通过这些最佳实践，能提升Vue项目的代码质量和可维护性。

Vue组件几个注意点

一：about component names
    1.一个单词组成
        第一种写法:school
        第二种写法:School
    2.多个单词组成
        第一种写法(Kebab-case命名):my-school
        第二种写法(CameCase命名):MySchool(需要Vue脚手架支持)
    remarks:
        (1).组件名尽可能回避HTML中已有的元素名称
        (2).可以使用name配置项指定组件再开发者工具中呈现的名字
二: about component lebals
        第一种写法:<school></school>
        第二种写法:<school/>
        remarks:不使用脚手架时,<school/>会导致后续组件不能渲染
三：A shortHand method
    const school=Vue.extend(options) --> const school = options