                        课程
                    
                        /前端开发
                        
                            /Vue.js
                        
                        /vue.js入门基础

vue 页面空白怎么回事

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>

<script src="node_modules/vue/dist/vue.min.js"></script>
<script src="bundle.js"></script>

</head>
<body>
<Hellow></Hellow>
</body>
<script type="text/javascript" src="vue000.js"></script>
</html>

main.js

import Hellow from"./hellow.vue"
console.log(Hellow);
export default {
el:'body',
components:{ Hellow }
};

hellow.vue

<template>
<div id="hellow">
<p>{{msg}}</p>
</div>
</template>
<script>
export default {
data:function(){
return {
msg: 'This is a Component!'
}
}
}
</script>

没有报错单页面是空白的是怎么回事