I installed vue-cli and made some ponents, and everything was working great until I had to update some object values with keys

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

The data is updating, but the view isn't updating and when I dig into Vue documentation it says

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

The solution would be to use Vue.set() but when try that (inside my ponent) I get the following result:

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

Uncaught ReferenceError: Vue is not defined

I installed vue-cli and made some ponents, and everything was working great until I had to update some object values with keys

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

The data is updating, but the view isn't updating and when I dig into Vue documentation it says

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

The solution would be to use Vue.set() but when try that (inside my ponent) I get the following result:

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

Uncaught ReferenceError: Vue is not defined

• javascript
• vue.js
• vue-cli

Share Improve this question Follow edited Jul 14, 2022 at 0:53 tony19 139k2323 gold badges278278 silver badges348348 bronze badges asked May 1, 2017 at 12:29 Shon LeviShon Levi 14833 silver badges1414 bronze badges 3

• Show the code where you define and trying to change this object. – Egor Stambakio Commented May 1, 2017 at 14:03
• 5 Make sure your ponent imports the Vue module at the top of the file or at the top of the script section: import Vue from 'vue'; – Philipp Gfeller Commented May 1, 2017 at 15:31
• 1 Great, that's work :) – Shon Levi Commented May 1, 2017 at 15:41

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

You probably forgot to import your Vue in the ponent you're in

import Vue from 'vue'; 

This should solve

You forget the most important thing to introduce vue. The simplest, we can directly in the html file in the script tag to introduce vue, such as:

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

In projects that use vue, individuals do not remend configuring webpack and vue-loader separately. You can directly use vue official scaffolding, vue-cli. Do not have to consider these configurations, automatically configured.

vue-cli

If you just started learning Vue, here's an entry-level demo. Although it is only a small application, but it covers a lot of knowledge points (vue2.0 + vue-cli + vue-router + vuex + axios + mysql + express + pm2 + webpack), including front-end, back-end, database and other sites Some of the necessary elements, for me, learning great significance, would like to encourage each other!

Vue Demo