Vue.js差异

愚蠢的问题，我刚开始学习Vue.js，我看到了人们使用它的两种方式，我有点困惑，想知道是否有人能向我解释一下。示例一是在创建单个网页时使用的，而第二个是在使用Vue CLI（更具组件基础）创建SPA应用程序时使用的

示例一：

var vm = new Vue({
el: '#example',
  data: {
  message: 'Hello'
   }
 })

例二：

<script>
 export default {
    name: 'Chat',
    data() {
        return {

        }
    },
    methods: {

       }
     }
 </script>

---

第一个创建一个新的“Vue”实例。可以将其视为基本上告诉Vue打开。在每一个Vue项目中，无论是SPA项目还是更复杂的项目，都需要这样做

后者创建一个组件，该组件可以导入到Vue实例中。例如，这就是Vue.js项目中典型的“主”文件的外观：

import Vue from 'vue'    
import NewComponent from './some-file-path/some-file-name.vue'

Vue.component('NewComponent', NewComponent) // register the component

new Vue({
    el: '#example'
}) // initiate a Vue instance

在大多数情况下，您应该使用您发布的两个示例。第一个是设置Vue项目，另一个是添加组件