代码之家 › 专栏 › 技术社区 › user3348410

如何将Vue添加到现有网页包项目

vuejs2 webpack vue.js javascript

user3348410 · 技术社区 · 7 年前

我有一个网页包项目,我想在其中使用Vue。我正在JavaScript文件中导入Vue,如下所示:

import "../../node_modules/vue/dist/vue.min.js";

我看得出来 vue.min.js

var app = new Vue({
  el: â#appâ,
  data: {
    message: âHello Vue!â
  }
})

Uncaught ReferenceError: Vue is not defined
    at eval (ins.js?be14:2)
    at Object../src/scripts/ins.js (app.js:485)
    at __webpack_require__ (app.js:79)
    at eval (index.js?48f5:1)
    at Module../src/scripts/index.js (app.js:474)
    at __webpack_require__ (app.js:79)
    at Object.0 (app.js:530)
    at __webpack_require__ (app.js:79)
    at checkDeferredModules (app.js:46)
    at app.js:152

我试图补充 vue.min.js 通过CDN直接在我的HTML中,一切正常。装载时是否存在订购问题?我如何解决这个问题?

1 回复 | 直到 7 年前

Kris D. J. 7 年前

应将Vue导入如下变量:

import Vue from 'vue'; // or import Vue from '../../node_modules/vue/dist/vue.min.js';

import Vue from 'vue';

var app = new Vue({
  el: â#appâ,
  data: {
    message: âHello Vue!â
  }
})

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前