情景回现:
<div id="app-28">
<!--用在组件上-->
<myComponent v-bind:class="{active:isActive}"></myComponent>
</div>
<script type="text/javascript" src="js/vue.js" ></script>
<script type="text/javascript">
Vue.component('myComponent',{
template:'<p class="h3 h4">菜单,采狗,菜园子</p>'
})
var app28 = new Vue({
el:'#app-28',
data:{
isActive:true
}
})
</script>
错误现象:
html表象:
解析不出来,真是坑死人了。。。
解决方法:组件名称只有首字母可以出现大写,中间不能出现大写。
修改方法:
<div id="app-28">
<!--用在组件上-->
<mycomponent v-bind:class="{active:isActive}"></mycomponent>
</div>
<script type="text/javascript">
Vue.component('mycomponent',{
template:'<p class="h3 h4">菜单,采狗,菜园子</p>'
})
var app28 = new Vue({
el:'#app-28',
data:{
isActive:true
}
})
</script>
问题解决。