Utilisation de vue-cli, les composants jettent « Uncaught ReferenceError: Vue n'est pas défini »

Question

je l'ai installé vue-cli et fait quelques composants, et tout fonctionnait bien jusqu'à ce que je devais mettre à jour des valeurs d'objet avec les touches

obj = { 
    key1: value1, 
    key2: value2, 
    key3: value3 
}; 

Le données est mise à jour, mais la vue est pas mis à jour et quand je fouille dans Vue documentation il dit

Due to limitations in JavaScript, Vue cannot detect the following changes to an array:
1. When you directly set an item with the index, e.g. vm.items[indexOfItem] = newValue

la solution serait d'utiliser Vue.set() mais quand essayer (dans mon composant) je reçois le résultat suivant:

Vue.set(example1.items, indexOfItem, newValue); 

Uncaught ReferenceError: Vue is not defined

Answer 1

Vous avez probablement oublié d'importer votre Vue dans le composant que vous êtes dans

import Vue from 'vue'; 

Cela devrait résoudre

Answer 2

Vous oubliez la chose la plus importante à introduire vue. Le plus simple, nous pouvons directement dans le fichier html dans la balise script pour introduire vue, tels que:

<script src="https://cdn.bootcss.com/vue/2.3.3/vue.min.js" type="text/javascript" charset="utf-8"></script> 

Dans les projets qui utilisent vue, les individus ne recommandent pas la configuration webpack et vue chargeur séparément. Vous pouvez directement utiliser vue échafaudage officiel, vue-cli. Ne pas avoir à considérer ces configurations, configurées automatiquement.

vue-cli

Si vous venez de commencer l'apprentissage Vue, voici une démo d'entrée de gamme. Bien que ce ne soit qu'une petite application, elle couvre de nombreux points de connaissance (vue2.0 + vue-cli + vue-routeur + vuex + axios + mysql + express + pm2 + webpack), y compris front-end, back-end , base de données et autres sites Certains des éléments nécessaires, pour moi, apprennent une grande signification, aimeraient s'encourager mutuellement!

Vue Demo