vue命名组件不能大写吗

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

迟来的阿牛

3270人浏览 · 2019-05-08 14:05:18

迟来的阿牛 · 2019-05-08 14:05:18 发布

一开始时命名组件如果包含了大写字母会发现组件并没有渲染出来
然后把组件名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>

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^