Vue组件几个注意点

最新推荐文章于 2024-10-08 17:48:41 发布

C_x_330

最新推荐文章于 2024-10-08 17:48:41 发布

阅读量78

点赞数

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/C_x_330/article/details/127814976

版权

Vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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

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

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