我有一个文件组件，我需要导入Vue：
<script lang="ts">
import Vue from 'vue'
import Component from 'vue-class-component'
...
@Component({...})
export class Comp extends Vue {...}
我在浏览器中将vue.js作为模块导入：
<script type="module" src="module/vue/vue.js"></script>
但我明
浏览 4提问于2019-09-17得票数 7
1回答
例如vue.min.js，我尝试在build.rollupOptions中将vue放在外部，然后导入
//vite.config.js
rollupOptions: {
external: ['vue', 'vuetify']
}
// index.html
<script src="/lib/vue.min.js"></script>
<script src="/lib/vuetify.min.js"></script>
并下载vue.min.js和
浏览 46提问于2021-07-23得票数 0
1回答
也许有人遇到了这样的问题，并可以建议如何解决:我需要将脚本插入到一个特殊的div中。这个脚本改变了DOM。嵌入块，添加类和样式。它是外部脚本，它呈现此页面。Vue没有问题。然后Nuxt抛出错误。有人能建议该怎么做吗？)
错误：
nuxt error.vue?48f2:14 Uncaught :无法读取未定义的属性的“接受”(VM6157 nuxt-error.vue:14)。-loader/lib/index.js?!./.nuxt/components/nuxt-error.vue?vue&type=style&index=0&lang=css& (app.
浏览 6提问于2020-11-16得票数 0
1回答
我已经使用vue-cli生成了示例Vue.js项目，并通过 vue build --target lib --name myWidget src/main.js 我必须使用Requirejs来加载它： <script>
requirejs.config({
paths: {
"Vue": "https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue",
"myWidget":
浏览 23提问于2019-03-02得票数 3
回答已采纳
如果我使用的是一个外部包，例如，。我把它导入/plugins/vue-js-modal.js
import Vue from 'vue'
import VModal from 'vue-js-modal'
Vue.use(VModal)
现在假设我有一个使用vue-js-modal的函数，我想在下面几个不同的组件中使用这个函数：
function showHideModal(showModalName = null, hideModalName = null) {
if (hideModalName) {
this.$modal.hid
浏览 1提问于2020-09-21得票数 0
回答已采纳
考虑到下面的现有webpack.config.babel.js在这个应用程序中运行良好，我想添加另一个entry (widget)，但是如果我这样做了，它需要将所有external项加载到我的HTML页面中，即使我的新特性(google、leaflet...)不需要它。在应用程序的这一部分。
widget.js:10488 Uncaught ReferenceError: google is not defined
plugin & resolve & output现有的部分应用于我想要添加的新entry js，所以它很好。只有external在困扰我。
解决这个问题的最好方法
浏览 0提问于2017-05-23得票数 1
我正在使用Webpack 2，并试图捆绑一个通用库，该库将用于我公司的几个项目中。依赖项包括vue、vue-router和其他一些。将这些供应商依赖项打包到一个公共文件中，然后将其作为外部文件包含在各个项目中似乎是有意义的。然而，我似乎不能让它工作。
我的库webpack.config.js包括行：
entry: {
common: [
'vue',
'vue-router'
]
}
...
output: {
filename: '[name].js',
libraryTarget
浏览 4提问于2017-04-14得票数 0
我试图弄清楚，在没有安装NPM或的情况下，在WordPress插件中使用Node.js是可能的。我的想法是尝试包括
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js"></script>
<script src="<?php echo plugins_url('/vue-comp/vue-flash-message/vue-flash-message.min.js', __FILE__);?>"><
浏览 0提问于2018-09-26得票数 4
回答已采纳
errorInfo是
块列/索引条目中的错误
columns/index.js
缺少类型的外部配置:commonjs
当我更新webpack版本到4，我得到这个。我找不到那是什么意思。我排除了es被降级的原因
这是webpack.config.js
const utils = require('./utils')
const CopyWebpackExternalsManifest = require('copy-webpack-externals-manifest')
const MiniCssExtractPlugin = require("mini
浏览 2提问于2018-07-19得票数 6
回答已采纳
1回答
Vue实现变量
、、、、
我正在使用vue.js，并且我有一个应用程序，
var vm = new Vue({
el: '#app',
data: function() {
return {
elements: json_data,
}
}
})
我还有一个在html中导入的js文件：
<script src="javascriptFile.js" defer></script>
json_data是javascriptFile.js中的一个全局变量。当我修改文件时，我的vue应用程序不会重新
浏览 1提问于2019-02-12得票数 0
我正在使用Vue单水疗，我决定尽量减少捆绑尺寸。为此，我首先尝试在每个微前端的webpack.config.js中将Vue设置为外部依赖项。
externals: ['single-spa', 'vue'],
并在根配置中设置以下内容：
<script type="systemjs-importmap">
{
"imports": {
"single-spa": "https://cdn.jsdelivr.net/npm/single-spa@5.9.0/lib/system
浏览 46提问于2022-05-20得票数 0
回答已采纳
2回答
我一直收到这个错误： error in ./node_modules/keytar/build/Release/keytar.node
Module parse failed: Unexpected character '�' (1:2)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Sour
浏览 42提问于2019-12-06得票数 3
回答已采纳
我试图从类星体项目中的普通.js文件访问路由器，但我无法访问。我已经搜索了如何在vue中这样做，人们似乎从/src/router/index导入了/src/router/index对象，比如：import { Router } from 'src/router/index'。
但是类星体并不公开Router对象，而是一个名为route的函数，它接受另一个函数作为返回Router对象的参数。
export default route(function (/* { store, ssrContext } */) {
const createHistory = process
浏览 7提问于2022-03-23得票数 2
我正在创建一个Vue 3应用程序，并试图为两个组件实现一个全局事件总线来进行通信。在过去的w/Vue 2中，我将做以下工作：
import Vue from 'vue'
import App from './App.vue'
Vue.config.productionTip = false
export const bus = new Vue();
new Vue({
render: h => h(App),
}).$mount('#app')
现在w/Vue 3，我知道新的Vue已经退出，createApp()在。因此，我将总线设置为
浏览 3提问于2021-12-21得票数 2
回答已采纳
1回答
使用：
使用ES6输出的Typescript (目标和模块)
从CDN加载的Vue
由NPM安装的Vue的TS类型
我正在尝试让类型在源.ts文件中工作，同时仍然使用由CDN加载的Vue。来自CDN的Vue不是一个模块(无论哪种方式都没有帮助；据我所知，它必须由我托管才能在ES6中导入)。
NPM安装的类型需要导入import Vue from 'vue'，它出现在生成的Javascript中(这是在生成的js中作为非模块的Vue的不同之处)，并且不能被解析，因为它不是服务器上的本地模块。
浏览 2提问于2018-09-25得票数 1
导出的多个条目编译的js文件，在我的多入口点，最终包建立在webpack的生产模式，总是包括载入器的内容。如何消除它们，以及它们为何被包括在内？
再生产
git clone https://github.com/adamchenwei/boilerplate-webpack-babel-sass-storybook-vuejs.git
git checkout step/3-prod-webpack-build-setup-basic
npm install
npm run build:prod
任何想法都会感激的。也没有帮上忙。我读过一对夫妇，所以似乎还没有解决办法。
谢谢
web
浏览 1提问于2018-11-12得票数 3
回答已采纳
由于Vue.js声称这是一个进步的框架，我们倾向于将我们的网上购物升级为Vue.js支持的SPA。
例如，我们使用Vue.js在页面顶部呈现迷你购物车。并使订单表具有动态性。并使产品详细信息页面动态化等。
这意味着我们在同一页面上定义了许多小型vue应用程序。
然而，它们仍应具有相同的背景。因为当用户单击产品详细信息页面上的buy按钮时，应该更新共享上下文，以便页面顶部的迷你购物车能够反映购物车中的产品总数。
为此，我们创建了一个全局变量，在我们的Vue.js迷你应用程序中，我们使用它作为数据：
var cart = { orderLines: [], itemsCount: 0} // th
浏览 5提问于2022-03-06得票数 1
1回答
我使用Vue 3.0.5和Webpack 5.21.2创建了一个Webpack CLI 4.5.0应用程序。我构建了一个全局组件my-component.js
import SecondComponent from './second-component.vue';
app.component('global-component', {
template: `
<div>
<h1>Hi!</h1>
<second-component></second-component&g
浏览 0提问于2021-01-31得票数 2
回答已采纳
我和这个bug斗争了几个小时，并设法将它缩小为一个非常简单的脚本。我设法在中复制了错误。
我想显示基于给定货币的价格。如果货币是USD，只需显示价格。如果是其他东西，则显示转换后的价格(在本例中，为EUR)，并选择单击它并查看原始价格。
正如您在小提琴中所看到的，如果您将输入中的初始USD更改为US，则条件不再满足，并显示转换后的价格。如果你点击价格，你可以看到原来的价格。
但是，如果您输入D返回以便货币再次为USD，则会得到以下错误：
vue.js:1743 TypeError: Cannot read property '_pending' of null
at p
浏览 0提问于2018-05-17得票数 1
1回答
我试图在我的.vue文件中使用外部js文件，但得到错误： [Vue warn]: Method "solarSystemAnimations" has type "object" in the component definition. Did you reference the function correctly?
found in
---> <SolarSystem> at src/views/SolarSystem.vue
<App> at src/App.vue
<Root>
浏览 18提问于2019-06-18得票数 0
回答已采纳
我正在开发一个简单的应用程序，在特定的url上从json资源返回一个值。虽然我创建了一个vue.config.js文件以避免CORS问题，但仍然执行以下消息：
访问从源“”获取'‘已被CORS策略阻止:请求的资源上没有“访问控制-允许-原产地”标题。如果不透明响应满足您的需要，请将请求的模式设置为“no- CORS”，以获取禁用CORS的资源。
我遗漏了什么？非常感谢!
Location.vue
<template>
<div>
<h1>{{ forecast.timezone }}</h1>
</div>
浏览 15提问于2020-05-08得票数 0
回答已采纳
1回答
在我的名为Home.vue的Vue组件中，我包含了，如下所示
<GmapMap
:center="{lat: 45.919849, lng: 25.0203875}"
:zoom="7"
map-type-id="terrain"
style="width: 100%; height: 600px"
>
<GmapMarker
:key="markerIdx"
v-for="(m, markerIdx) in results"
:position="ge
浏览 2提问于2018-09-11得票数 6
回答已采纳
5回答
我正在做一个需要使用js插件的项目。既然我们使用了vue，并且我们有了一个组件来处理基于插件的逻辑，我需要在vue组件中导入js插件文件，以便初始化插件。
以前，这是在标记中处理的，如下所示：
<script src="//api.myplugincom/widget/mykey.js
"></script>
这是我尝试过的，但是我得到了一个编译时错误：
MyComponent.vue
import Vue from 'vue';
import * from '//api.myplugincom/widget/mykey.js&
浏览 0提问于2018-01-24得票数 44
回答已采纳
1回答
我有一个成功运行的开发模式插件，在Chrome中工作。
我想要一个按钮在页面上运行Vue (我已经用了很多年了)。这是我的代码：
let isletCtl = document.createElement('div')
isletCtl.id = "islet-ctl"
isletCtl.innerText = 'isletCtl: '
let isletVue = document.createElement('div')
isletVue.id = 'islet-vue'
浏览 10提问于2022-03-17得票数 1
回答已采纳
我用。但吸气器不起作用。我在Vue.js Devtools中检查了状态，状态是存在的。但是getter没有数据。就像这样。
那么我如何使用getter呢？
index.js in Vuex
import createPersistedState from 'vuex-persistedstate'
Vue.use(Vuex)
export default new Vuex.Store({
modules: {
login,
segments,
itemList,
orderList
},
plugins: [
creat
浏览 3提问于2018-06-08得票数 0
回答已采纳
我从零开始，使用cli 3从vue默认创建项目，一切都很好，但是我注意到块-vendors.js文件包含vue.js.min。我不想包含该文件，我如何告诉vue不要将它包含在生产构建中？
浏览 0提问于2018-09-18得票数 2
回答已采纳
我使用的是Vue.js，我有在“main.js”中硬编码的土司消息，需要移到另一个单独的文件中。为此，我尝试使用外部文件并导入vue和所需的文件，但未能使其工作。
我还想指出，祝酒词是在main.js中注册的，而不是在组件中注册的。这是单独文件的代码
import Vue from 'vue'
import Toasted from 'vue-toasted'
Vue.use(VuePreview)
Vue.use(Toasted)
Vue.toasted.register('loginError', 'Wrong Email or pa
浏览 1提问于2017-10-20得票数 1
回答已采纳
每天，我来到我的办公室，启动我的IDE (Code )并运行npm run watch。每一天，它就像一种魅力。但不是今天。奇怪的是，今天运行npm run watch会触发以下错误：
找不到多个vue模块中的错误:错误:无法解决'/home/me/Code/Local/TopSecretProject/11.11.2020/dev/resources/js‘@ multi /js/中的供应商错误./resources/js/app.js模块找不到:错误:无法解析’/home/me/Code/Local/TopSecretProject/11.11.2020/dev/resources
浏览 5提问于2020-11-11得票数 1
回答已采纳
如何为Vue应用程序设置跨域配置？我有一个Laravel在一个不同的领域服务。因此，当我试图发送和API请求时，它不是将它发送到正确的API目的地，而是发送到自己的域(例如，vue在devport.findosman.xyz上服务&我试图在api.devport.findosman.xyz/api/login访问API，但发送到devport.findosman.xyz/login)。注意，我正在使用axios，如下所示
API.js
import axios from "axios";
const injectAccessToken = (config) =>
浏览 1提问于2021-04-15得票数 0
这是一个带有电子生成器的Vue应用程序 {
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"electron:build": "vue-cli-service electron:build",
"electron:serve": "vue-cli-service electron:serve",
浏览 46提问于2020-06-16得票数 4
1回答
我显然忽略了这里的要点，但是在哪里使用新vue实例的主变量呢？
我对vue.js很陌生(显然)，在阅读各种文档时，我不禁要注意到，每个新的vue实例都以类似于var app = new Vue({的内容开头，但是在示例中，我已经阅读了这个app变量，它不会在js或html中再次引用。代码可以正常工作，无需在任何地方引用它。
有人能告诉我在哪里或为什么要使用app变量吗？
非常感谢
浏览 2提问于2017-06-17得票数 1
回答已采纳
1回答
在Vue组件中，我可以很容易地使用导入的库，比如vue-router。我可以使用this.$route.params.myVar访问我需要的路由参数。但是，如果我试图在Vuex模块中执行相同的操作，则会得到错误：TypeError: Cannot read property 'myVar' of undefined。如何将我在main.js中定义的Vue对象扩展到我的模块？
这是我的main.js
import router from './router'
import Vuex from 'vuex'
import myModule from
浏览 0提问于2018-10-17得票数 0
回答已采纳
1回答
我试图将VueRouter集成到我的小应用程序中，但最终使用注释替换了router-view标记。 也许，这是因为HtmlWebpackPlugin。 很抱歉有这么多的列表，但我认为每一个细节都很重要。 main.js： import Vue from "vue";
import VueRouter from "vue-router";
import PumpView from "./PumpView.vue";
Vue.use(VueRouter);
const router = new VueRouter({
routes:
浏览 31提问于2020-07-11得票数 0
回答已采纳
我是一个在拉拉，国家预防机制和vuejs的事情完全新手。我做了一个新的，而不是玩jquery，我想学习如何使用vuejs。
我今天碰壁了:(试着用两天的时间让这个Multiselect ()在我的项目上运行。我想我错过了一些基本的..。我所做的:运行在终端npm上安装vue-multiselect在资源/js/comonents/Multiselect.vue中创建的代码粘贴在/Multiselect.vue中：
<template>
<div>
<multiselect
v-model="selected&
浏览 2提问于2020-08-13得票数 0
回答已采纳
我对Vue.js还有点陌生，所以我可能从根本上误解了它的反应性，但基本上，我想将一些数据从PHP传递给Vue.js组件，并且当数据发生变化时，会自动更新Vue.js组件。
我看过几篇类似的文章，因此建议我使用props将数据从Laravel模板传递给Vue.js组件。下面是一个例子：
我已经很好地完成了这个任务，但是现在我一直在研究如何让组件在页面加载后动态变化时进行更新。
具体来说，我在一个特定的网页上有一个报告表，当用户单击某些按钮等时，我使用Ajax调用一个Laravel控制器操作，该操作在我的Laravel模型中重新运行一个查询，以获取报表的新数据。
我有一个PHP数组/ JSON中
浏览 3提问于2019-02-14得票数 0
回答已采纳
1回答
我正在尝试在一个不使用Vue的现有项目中安装。但是，我找不到任何资源或文档，说明如何编写具有API的Vue组件，这些API可供Vue世界以外的代码使用。所有的东西都是用Vue自上而下构建的应用程序。
var MyV = Vue.extend({
template: `
<div>
<h4>{{ message }}</h4>
<ul>
<li v-for="item in items">
{{item}}
浏览 5提问于2017-11-22得票数 1
1回答
你好，我有一个这样的代码，它在main.js中工作得很好
Vue.prototype.$assetsResolution =
document.body.clientWidth * devicePixelRatio <= 1920 && document.body.clientHeight * devicePixelRatio <= 1080
? 1080
: 2160;
然而，我有很多类似的东西，我想把原型代码移到另一个文件中。例如，我试着这样做
//main.js
import "./vue-extensions/prototype
浏览 17提问于2021-05-15得票数 2
回答已采纳
1回答
我正在尝试向自定义vue组件添加一个简单的。我不使用webpack，所以我想避免现成的.vue组件，我更了解如何向vue添加简单的javascript。
我在跟踪
我也见过，但我无法让日期选择器出现。
这是我的
Html：
<div class="app">
<datepicker id='date-elem'></datepicker>
</div>
app.js：
Vue.component('date-picker', {
extends: Flatpickr,
mounted (
浏览 1提问于2017-04-28得票数 8
回答已采纳
Vue-cli (旧语法)导入相对scss资产不适用于供应商外部 librairies 样式文件：
导入项目相关的scss (在src中)总是可以的。
导入外部相对scss (在node_modules中)在标签中是可以的。
在scss文件node_modules NOK中导入外部相对scss (在中)。
如果我采用这个版本的vue和@vue-cli：
packadge.json
"dependencies": {
"vue": "^2.5.16"
},
"devDependencies
浏览 1提问于2018-06-08得票数 0
1回答
我想问你如何使用一个组件在VUE3与组合API ->脚本设置模式，例如。-> I有一个组件:Modal。所以我要创建一个文件夹Modal，它有：
Modal.vue -> where是vue模板，并导入脚本和scss，如下所示：
<script src="./index.js"> <style lang="scss" scoped> @import './style.scss'; </style>
index.js -> where是js代码。，这就是问题所在！如果我试图使用<
浏览 3提问于2022-06-06得票数 1
我是Vuejs的新手，现在我已经被以下错误困扰了一段时间：(在页面加载时出现)
未捕获TypeError:无法重新定义属性：$router
在Function.defineProperty ()
在Function.install (VM2179 vue-router.esm.js:526)
本文来自Function.Vue.use (vue.js:4738)
在eval (VM2179 vue-router.esm.js:2447)
本文来自Object../node_modules/vue-router/dist/vue-router.esm.js (VM2105 app.js:1615)
浏览 59提问于2018-09-07得票数 7
回答已采纳
我有一个相当标准的应用程序，使用Vue3 3/Vite。
我的vite.config.js
import { resolve } from "path";
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import eslintPlugin from "vite-plugin-eslint";
// https://vitejs.dev/config/
export default defineConfig({
plugi
浏览 4提问于2022-08-23得票数 0
我是Vue的新手，我需要维护一个项目。问题是:我在main.js中有一个路由方案..
main.js
import Vue from 'vue'
const app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
});
pages/page.vue
<span>{{ message }}</span>
结果是，我试图在外部模板中显示日期上的“消息”。它在文件夹地址“../pages/page.vue”中；但是当我放入
浏览 2提问于2018-05-17得票数 1
我试图在通过Dropzone.js生成的Rails表单中使用Vue.js。我已经将dropzone.js文件放置在app/dropzone.js/javascripts/中。
然后，我创建了这样一个单文件components/dropzone.vue组件：
<template>
<div id="image-drop"></div>
</template>
<script>
export default {
data() {
return {
greeting: '
浏览 7提问于2017-09-29得票数 0
回答已采纳
如何在Vue js中从外部javascript触发'methode‘内的函数？ 我想在vue js中从index.html触发方法内部的调用()。 有人能帮我解决这个问题吗？
浏览 18提问于2020-04-23得票数 0
我的项目中的一个vue文件变得太大了。我想把它的脚本部分分割成一个js文件。在js文件中，我导出Vue对象；
export default new Vue({
data: {
search: "",
...
并将其导入Vue文件；
<script src="./RecordNameTable.js">
</script>
但这是行不通的，它会产生错误。我可以将它作为一个.vue文件导入，该文件在<script></script>标记之间具有经典的Vue语法。但我不想这样。如何解决这个问题？
浏览 0提问于2019-09-12得票数 3
回答已采纳
1回答
我正在为我自己的学习创建一个网站。我正在尝试让用户单击一个按钮，然后从一个页面移动到另一个页面。
我一直在网上寻找，并尝试了几个不同的建议，如何创建和链接的按钮。
目前我正在处理三个文件：
main.js：
import '@/assets/css/tailwind.css'
import Vue from 'vue'
import App from './App.vue'
import Results from './Results.vue'
Vue.config.productionTip = false
new Vue(
浏览 16提问于2019-07-23得票数 0
1回答
我正在使用不同的依赖项(如页面、超级代理、vue)处理客户端项目。为了优化我的咕噜-浏览器化任务速度，我希望在一个文件中创建一个包含所有这些依赖项的包，比如lib.js。我的源代码将在app.js中编译。然后，我想我将不得不在我的build.js中加入这两者。使用此设置，grunt只需更新app.js和build.js)，而不是lib.js。这也意味着对于lib.js中包含的每个依赖项，我仍然可以要求(Dep)。
我读过一些关于它的文章，但我无法使它发挥作用。
我目前的浏览任务是：
browserify: {
dev: {
files: {
浏览 6提问于2014-03-01得票数 4
回答已采纳
1回答
下面是我的样式化组件文件，名为styles.js
import styled from 'vue-styled-components';
export const StyledTitle = styled.h1`
font-size: 1.5em;
text-align: center;
color: palevioletred;
`;
export const Wrapper = styled.section`
padding: 4em;
background: papayawhip;
`;
然后在我的.vue单文件组件中
<
浏览 0提问于2018-09-19得票数 0
回答已采纳
希望你身体健康！我是在一个项目CRUD web应用程序，处理用户管理。创建用户，编辑用户，删除用户。
首先，我在安装了vue-之后，在main.js文件中安装了VueJS。为了模拟我使用的后端: NPM安装-g json-server之后，创建一个名为db.json的新文件来处理项目根中的用户。我运行命令json-server --监视db.json以使记录可用。
我已经安装了轴，使我们能够发送和接收数据从我们的后台。因此，我已经运行了命令npm安装axios。
但是在它之后，我如何在文件main.js中导入axios，但我不确定是否正确？？谢谢
import Vue from '
浏览 7提问于2022-06-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
