学习vue.js遇到的问题（2019-11-24 星期日）

学习vue的时候遇到的问题

new Vue({
    data: {
        message: "Hello,World!"
    }
})

<template>
    <div id="app">
        <h1>{{message}}</h1>
    </div>
</template>

<script>
    export default {
        name: 'app',
        data(){
            return {
                message: '今天的天气真好！'
            }
        }
    }
</script>

1. 为什么在vue文件中需要export default？
2. 自己new Vue({})如何运用到项目中？