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