Vue.js различия - PullRequest
Новая
       9

Vue.js различия

0 голосов
/ 05 декабря 2018

Глупый вопрос, я только начинаю изучать Vue.js, и я видел, как люди его используют, и я немного сбит с толку, и мне было интересно, может ли кто-нибудь мне это объяснить.Это тот пример, который используется при создании отдельных веб-страниц, а второй - при создании приложения SPA с использованием интерфейса Vue CLI, который является более компонентной базой?

Пример один: 

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

Пример два: 

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

        }
    },
    methods: {

       }
     }
 </script>

1 Ответ

0 голосов
/ 05 декабря 2018

Первый создает новый экземпляр 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, а другой - для добавления компонентов.

...