vue命名组件不能大写吗

最新推荐文章于 2023-08-28 23:18:14 发布

迟来的阿牛

最新推荐文章于 2023-08-28 23:18:14 发布

阅读量3.2k

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/nightwishh/article/details/89945331

版权

一开始时命名组件如果包含了大写字母会发现组件并没有渲染出来
然后把组件名ssTem全改成小写字母sstem问题得以解决

<body>
<div id="app">
	  <ssTem></ssTem>
</div>
<template id="tp1">
	  <li>Hello</li>
  </template>
</body>
<script>
		Vue.component('ssTem',{
			template:"#tp1"
		});
		var app = new Vue({
			el: '#app'
		})
</script>

	那么vue注册组件就不能用大写字母命名吗

答案是否定的 VUE是允许用大写字母来注册组件的，可当你使用时得在大写字母前加上”-“并都改为小写，看如下代码

<body>
<div id="app">
	<ss-tem></ss-tem>
</div>
<template id="tp1">
	<li>Hello</li>
</template>
</body>
<script>
	Vue.component('ssTem',{
		template:"#tp1"
	});
	var app = new Vue({
		el: '#app'
	})
</script>

发现组件成功渲染至页面中

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

迟来的阿牛

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
vue命名组件不能大写吗

主要代码如下<body><div id="app"> <ssST></ssST></div><template id="tp1"> <li>Hello</li> </template></body><script> Vue.comp...
复制链接

扫一扫