Question

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

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

数据正在更新，但视图没有更新，当我深入了解Vue documentation时，它说

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

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

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

未捕获的ReferenceError：未定义Vue

Answer 1

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

import Vue from 'vue';

这应解决

Answer 2

你忘了引入vue最重要的事情。最简单的，我们可以直接在脚本标签的html文件中引入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 Demo

使用vue-cli，组件抛出“Uncaught ReferenceError：Vue未定义”

2 个答案: