关于自定义组件的组件命名规范

最新推荐文章于 2022-04-20 10:23:37 发布
最新推荐文章于 2022-04-20 10:23:37 发布
阅读量821 收藏
点赞数
文章标签： javascript java ViewUI
原文链接：http://www.cnblogs.com/zpsylgdx/p/10568895.html
版权

在给组件命名的时候我们大多数的时候命名字母全小写且包含一个连字符,但是有的时候我们也是用单词首字母大写的方式实现的组件命名

如果当我们需要将组件渲染到dom上的时候强烈建议使用全部字母小写且有连接符连接的命名

在html中是大小写不敏感的,使用全小写且连接符连接会帮助我们与当前或者未来的元素冲突

转载于:https://www.cnblogs.com/zpsylgdx/p/10568895.html

weixin_30914981
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue子组件修改父组件值
西格玛猫
02-23 723
父组件 <template> <div> <Child :obj="obj" /> </div> <template> <script> import Child from './Child ' export default{ components: {Child }, data() { return { obj:{ a:1, b:2 } } } } </script>
自定义命名空间组件
12-02
用源生的javascript实现一个命名空间的组件类，可以一次创建多个命名空间。
react组件书写规范
徐同保的专栏
10-10 1153
组件的私有方法都用 _ 开头，所有事件监听的方法都用 handle 开头。把事件监听方法传给组件的时候，属性名用 on 开头 组件的内容编写顺序如下： static 开头的类属性，如 defaultProps、propTypes。 构造函数，constructor。 getter/setter（还不了解的同学可以暂时忽略）。 组件生命周期。 _ 开头的私有方法。 事件监听方法，han...
Vue组件的命名
努力向前，成长可见
12-20 417
组件有好几种命名方式, 可以使用 component-vue (短横线分隔命名)、componentVue (驼峰式命名) 或ComponentVue (单词首字母) 因为html对大小写不敏感, 所以在调用的时候驼峰命名的都要写成短线分割形式: 以上三种都要写成小写短线这种形式: <component-vue></component-vue> ...
[vue] 说说组件的命名规范
歌谣的博客
03-05 770
[vue] 说说组件的命名规范 定义组件名有两种方式： 1.kebab-case（短横线分隔命名），引用时必须也采用kebab-case； 2.PascalCase（首字母大写命名），引用时既可以采用PascalCase也可以使用kebab-case； 但在DOM中使用只有kebab-case是有效的 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题 ...
vue 组件-自定义组件4种方式
xcj_20160810的博客
05-06 788
一、组件命名的方式 　　①kebab-case，单词之间采用 - （短横线）连接，例如：my-component ，在DOM中使用时，<my-component></my-component> 　　②PascalCase，驼峰式名称，单词之间，首字母大写，例如：MyComponent，但是在DOM中使用时，必须更改为，<my-component>&l...
Vue 组件复用多次自定义参数操作
10-15
插槽的命名和类型进一步增强了其功能，例如具名插槽、作用域插槽等，使得组件的可扩展性和可复用性更上一层楼。 总结，Vue组件的复用和自定义参数操作是提高开发效率的关键。通过合理地利用props传递数据，以及插槽...
使用 Vue cli 3.0 构建自定义组件库的方法
10-17
例如，在 `create-comp.js` 中，可以使用 `fs-extra` 模块读写文件，`uppercamelcase` 转换字符串首字母大写，用于生成符合 Vue 组件命名规范的文件名。模板文件 `template.js` 可以包含组件的基本结构和文档的 ...
自定义抽屉组件（适用于移动端）
03-02
1. **组件结构**：创建一个新的Vue组件，命名为`Drawer.vue`，包含模板、脚本和样式部分。模板部分将包含抽屉的主体内容，如导航项或设置选项。脚本部分负责处理数据和方法，样式部分则用于定义抽屉的显示效果。 2....
ESP32添加自己的component_esp32添加组件, esp32自定义组件
07-01
- **依赖管理**：如果自定义组件依赖于其他组件或库，需要在`CMakeLists.txt`中明确指定，确保在构建时正确链接。 - **版本控制**：为了保持代码整洁，推荐将组件的版本信息（如版本号、作者等）放入`version.cmake`...
2、微信小程序-组件
qq_40348833的博客
04-20 1243
文章目录前言一、常用组件1.view2.text2.image3.swiper4.navigator5.rich-text6.button7.icon8.radio9.checkbox二、自定义组件1.创建自定义组件2.自定义组件的属性3.自定义组件传参4.命名规范 前言 重点讲解⼩程序中常⽤的布局组件view,text,rich-text,button,image,navigator,icon,swiper,radio,checkbox 等，以及如何自定义组件。 一、常用组件 1.view 代替传统
COM原理及应用----命名和绑定技术
shen8686的专栏
06-24 1307
1、COM对象的创建方法       客户程序可以通过CoCreateInstance函数创建COM，在创建之前必须知道对象的一些基本情况，比如对象的CLSID或者对象的ProgID。       另一种对象创建方法是通过名字对象（moniker）创建，就是利用对象命名和绑定技术（即名字技术）。2、名字技术的地位       名字技术算不上COM的基本核心，但也是COM体系结构中重要的组成部分
Vue学习过程中由自定义组件命名引起的错误
Kratial的博客
08-23 2050
在运行该实例时出现了一些错误： &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;title&amp;gt;组件&amp;lt;/title&amp;gt; &a
java标签组件命名_十一 自定义组件标签
weixin_36123285的博客
02-25 171
完成了UIComponent的定制后，下面就需要自定义一个Tag来与之对应。自定义Tag的目的在于设定UIComponent的属性，取得Renderer的值等。自定义Tag需要继承UIComponentTag：packagetest;importjavax.faces.application.Application;importjavax.faces.component.UIComponent;i...
自定义组件的几种方式
yy168888的博客
09-09 801
全局组件 全局组件可以在vue控制的任意模板下使用 //注意组件命名方式 //1.kebab-case, 单词直接采用短横线-连接，eg: my-component,在dom中使用时 //<my-component> //2.pascalCase,驼峰命名,首字母大写,eg: MyComponent,在dom中也是 <my-component> Vue.component('my-component',{ template: "<div>我是全局组件</div&g
在NPM发布自定义组件
mumushuiding的博客
01-13 1172
在NPM发布自定义组件 发布流程 1、首先登录 npm官网 注册个账户并登录 2、自己先创建一个文件夹执行 npm init --yes 3、执行npm publish 案例 新建一个vue项目 vue create my-project cd my-project npm run serve 修改文件目录 1、在src目录下新建components文件夹然后在此文件夹下新建...
组件命名规则
kenxausten的专栏
12-14 2079
<br />组件命名规则<br />C和P的命名规则 ：TinyOS 所有的终端程序组件都以字母C或P为结尾。以C结尾所命名的组件表示它是一个可用的抽象，而以P结尾的组件则表示它是私有的。以P结尾的组件不能被直接的连接，但可以对它做一些封装以使它变成可用（变成名字以C结束的）<br />硬件平台抽象命名规则 ：TinyOS 2.0中的硬件抽象通常是三级抽象架构，称作HAA(HardwareAbstraction Architecture)。<br />HAA的最底层是HPL( Hardware Platfo
Vue踩坑---组件命名一定要规范
热门推荐
JaneChelle
08-17 2万+
一、组件命名   在写Vue项目的时候，用cube-ui的createAPI创建一个组件，结果运行的时候，报错信息是这样的： 怎么可能，让我npm 安装？这不是npm的事。后来又排查了老半天，把shopcart的组件名给改成了shop-cart，不报错了，没想到shop-cart组件名会影响到shoop-cart-list。Vue给出了官方的命名规范： 这就是我的问题所在！
uniapp微信小程序 自定义组件
最新发布
08-18
UniApp 是一个基于 Vue.js ...需要注意的是，自定义组件的文件夹和文件名可以根据实际情况进行命名，但要保持一致性。另外，自定义组件中的样式可以使用 `scoped` 关键字来实现样式的隔离，避免与其他组件的样式冲突。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值