Vue.js 差异

Question

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

示例一：

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

例子二：

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

        }
    },
    methods: {

       }
     }
 </script>

Answer 1

第一个创建一个新的'Vue'实例。可以把它想象成告诉 Vue 打开。您在每个 Vue 项目中都需要它，无论是 SPA 还是更复杂的东西。

后者创建了一个准备导入到Vue实例中的组件。例如，这是一个典型的 'main' 文件在 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项目，二是添加组件。

Vue.js 差异

Vue.js differences

vue.js

vue-cli-3