1

我安装vue-cli并制作了一些组件，一切都很好，直到我不得不用键更新一些对象值

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

数据正在更新，但视图没有更新，当我深入研究Vue 文档时，它说

由于 JavaScript 的限制，Vue 无法检测到数组的以下更改：
1. 当您直接设置带有索引的项目时，例如 vm.items[indexOfItem] = newValue

解决方案是使用Vue.set()，但是当尝试（在我的组件内部）时，我得到以下结果：

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

未捕获的 ReferenceError：未定义 Vue

4

2 回答 2

6

您可能忘记在您所在的组件中导入 Vue

import Vue from 'vue';

这应该解决

于 2017-05-02T13:06:22.223 回答
0

你忘记了引入 vue 最重要的事情。最简单的，我们可以直接在html文件中的script标签中引入vue，比如：

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

在使用vue的项目中，个人不建议单独配置webpack和vue-loader。可以直接使用vue官方脚手架，vue-cli。不用考虑这些配置，自动配置。

Vue-cli

如果你刚开始学习 Vue，这里有一个入门级的演示。虽然只是一个小应用，但是涵盖了很多知识点（vue2.0 + vue-cli + vue-router + vuex + axios + mysql + express + pm2 + webpack），包括前端，后端、数据库等网站的一些必要元素，对我来说，学习意义重大，希望互相鼓励！

Vue 演示

于 2017-06-08T10:54:55.357 回答