<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<counter></counter>
<counter></counter>
</div>
<template id="counter-template">
<a>点我</a>
<button @click="count+=1">点我{{count}}</button>
</template>
<script src="Vue.min.js"></script>
<script>
Vue.component('counter',{
template:'#counter-template',
data:function(){
return{count:0};
}
});
new Vue({
el:'#app'
})
</script>
</body>
</html>为什么效果出现后Vue.component只能获得ID里的第一段代码？
就是只能显示出来两个a标签里的内容，
要是把下面的button放到前面，就只显示button而不显示a标签里的内容了
相关分类