VUE工程化项目--vue组件化

本文详细介绍了组件化开发的优势,包括维护和复用的便捷性,以及提升开发效率。特别关注了根组件的概念,它是应用顶层组件,和单文件组件的组成部分,如template、script和style。同时讨论了单文件组件的命名规范,包括小驼峰、大驼峰和中横线格式。
摘要由CSDN通过智能技术生成

组件化开发 & 根组件 : 

① 组件化: 一个页面可以拆分成 一个个组件 ,每个组件有着自己独立的 结构、样式、行为
好处:便于 维护 ,利于 复用 → 提升 开发效率
组件分类:普通组件、根组件。
② 根组件: 整个应用最上层的组件,包裹所有普通小组件。

单文件组件/根组件组成部分:

template:结构 ( 有且只能有一个根元素
script: js逻辑 (data要写成 data() { return {} } 的格式
style: 样式

单文件组件命名--多词格式:

(1)小驼峰----abcDef.vue

(2)大驼峰----AbcDef.vue

(3)中横线----abc-def.vue

注意事项:

如果不是使用多词格式命名,可以在js代码中,指定name,name是多词格式也可以

  • 8
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值