使用 vue-cli，组件抛出“Uncaught ReferenceError: Vue is not defined”答案

【问题标题】：Using vue-cli, components throw "Uncaught ReferenceError: Vue is not defined"使用 vue-cli，组件抛出“Uncaught ReferenceError: Vue is not defined”
【发布时间】：2017-05-01 12:29:12
【问题描述】：

我安装了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);

Uncaught ReferenceError: Vue is not defined

【问题讨论】：

显示您定义并尝试更改此对象的代码。
确保您的组件在文件顶部或脚本部分顶部导入 Vue 模块：import Vue from 'vue';
太好了，这工作:)

标签： javascript vue.js vue-cli

【解决方案1】：

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

import Vue from 'vue';

这应该可以解决

【讨论】：

【解决方案2】：

你忘记了引入 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 Demo

【讨论】：