组件的引用和调用的疑虑

自建一个组件，引入后的使用问题，如下：

import MeSlider from 'base/slider';

在template里用<me-slide></me-slide>就能引用过来？

edgar_programmer 2019-08-12

源自：实战：Vue webAPP首页开发 2-2 幻灯片组件--模拟数据

收起

3回答

发抖的小春春 2019-08-16 21:02:15

因为 html和css是不区分大小写的浏览器会统一转化为小写那么你在 html中用驼峰的拼写法MeScroll也会转成 mescroll 而用 me-scroll就不会出现这样的情况然后我的个人理解是浏览器应该会自动找 MeScroll 相对应的减号分割形式命名至于为什么不在 js中用减号分割命名，是因为 js变量命名规范中并不可以用-号声明变量用了可能会报错我看的 vue.js实战中有提到这一部分的一点理解你可以找这本书看看这是我的个人理解望采纳

收起回答

好帮手慕糖 2019-08-13 15:59:40

同学你好，这个是驼峰命名法哦。就是使用连接线的这个，在不使用的时候，单词之间首字母可以大写。

希望能帮助到你，祝学习愉快！

收起回答

好帮手慕糖 2019-08-12 18:25:26

同学你好，还需要在components中注册哦，例：

希望能帮助到你，祝学习愉快！

收起回答

提问者 edgar_programmer #1

注册我知道，但是和上面的引用，也是不一样的啊，这里注册名为：MeScroll,而引用是<me-scroll>这个机制是怎么个回事？

2019-08-13 12:05:40
发抖的小春春回复提问者 edgar_programmer #2

因为 html和css是不区分大小写的浏览器会统一转化为小写那么你在 html中用驼峰的拼写法MeScroll也会转成 mescroll 而用 me-scroll就不会出现这样的情况然后我的个人理解是浏览器应该会自动找 MeScroll 相对应的减号分割形式命名至于为什么不在 js中用减号分割命名，是因为 js变量命名规范中并不可以用-号声明变量用了可能会报错我看的 vue.js实战中有提到这一部分的一点理解你可以找这本书看看这是我的个人理解望采纳

2019-08-16 20:59:34