vue2.0项目模板的相关问题

Question

有几个基本问题请教一下:
1.HTML里的body加<app></app>,main.js里的el为"app"或者HTML里的body加<section></section>,main.js里的el为"section"不报错内容正常显示,但是一旦HTML里的body不加内容,main.js里的el为"body"就出现错误1,为什么呢???
2.main.js里的template:'<App/>'删除就出现错误2,慕课视频里明明是没有这个的啊?????
3.components:{App}只带的是引入App.vue组件,那可不可以new Vue里再加一个components:{App2}再加一个组件呢??

Answer 1

1、第一个图的错误，app组件中要有一个根元素为div,

<template>
  <div>    
    <Player v-show="songList.length > 0 && !showDetail"></Player>
     <Toast ref="alert"></Toast>
  </div>
</template>

2、问题2
你如果要真要删除app组件，注释的格式为：// App（请注意加空格），这是属于eslint语法验证
3、组件中引用另一个组件是可以的！

Answer 2

错误提示得很明显了，不支持直接绑定在html或者body元素上，需要一个普通dom元素替代。。。。

Answer 3

在body下需要有一个根节点，否则会报错

Answer 4

1、vue不支持放在body根节点下
2、template：<vue/>就是一个模版数据，填入到el指定的id节点下面
3、可以的

Answer 5

建议看下vue2.0升级指南