我有一个文件组件，我需要导入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
如果我使用的是一个外部包，例如，。我把它导入/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
回答已采纳
我正在创建一个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
回答已采纳
考虑到下面的现有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
我试图弄清楚，在没有安装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
回答已采纳
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
回答已采纳
我是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
回答已采纳
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回答
我想问你如何使用一个组件在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
希望你身体健康！我是在一个项目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
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
回答已采纳
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
回答已采纳
2回答
我正在努力改进vuex模块，但是在下面出现了错误：
Uncaught Error: [vuex] getters should be function but "getters.getComments" in module "comments" is [].
/stores/comments.js (模块)
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
const state = {
comments: []
}
const getter
浏览 3提问于2017-10-29得票数 7
回答已采纳
我使用的是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
回答已采纳
2回答
我正在构建我的第一个Vue.js应用程序，试图在vuexfire中使用vuex。
//main.js
import firebase from 'firebase';
...
Vue.prototype.$firebase = firebase.initializeApp(config);
...
firebase.auth().onAuthStateChanged(() => {
/* eslint-disable no-new */
new Vue({
el: '#app',
store,
router,
浏览 2提问于2018-04-26得票数 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
回答已采纳
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回答
你好，我有一个这样的代码，它在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
回答已采纳
我有一个相当标准的应用程序，使用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
3回答
在Vue 2中，您可以在index.js中使用以下代码全局注册多个文件上的组件，而无需膨胀main.js文件
import Vue from 'vue'
import MyComponent from '@/components/MyComponent'
Vue.component('my-component-name', MyComponent)
并在main.js文件中使用
import '@/components'
但在Vue 3中，这种方法似乎不适用于我
main.js
import { createApp } fro
浏览 9提问于2020-08-05得票数 5
回答已采纳
每天，我来到我的办公室，启动我的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
回答已采纳
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
回答已采纳
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
回答已采纳
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
我正在尝试创建一个表单。这个表单有一个带有vue、axios和sweetalert的package.json。
"dependencies": {
"axios": "^0.19.0",
"vue": "^2.6.10",
"vue-sweetalert2": "^2.1.1"
}
JS是
<script>
import Vue from 'vue';
import VueSweetalert2 from 'vue-sweeta
浏览 11提问于2019-09-27得票数 9
如何为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-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
我试图从类星体项目中的普通.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
我有一些需要按特定顺序运行的组件、javascript和元素。 file我在index.html文件中的opensheetmusicdisplay.min.js。这不是问题。 第二个- <div id="xml"> which依赖于"xml“div和opensheetmusicdisplay.min,js的xml-loader.js 这是index.html： <!DOCTYPE html>
<html lang="en">
<head>
<script rel="preload
浏览 19提问于2020-04-06得票数 1
回答已采纳
我创建了两个store模块，并将其导入到main store中。
当我加载我的抽屉视图时，我得到了下一个错误。我到底做错了什么？
error:vuex.esm.js [vuex] unknown mutation type: SET_DRAWER
//Drawer.vue
.........
computed: {
...mapState("navstore", ["barColor", "barImage"]),
drawer: {
get() {
return this.$store.state.n
浏览 0提问于2020-05-09得票数 0
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
回答已采纳
我是一个在拉拉，国家预防机制和vuejs的事情完全新手。我做了一个新的，而不是玩jquery，我想学习如何使用vuejs。
我今天碰壁了:(试着用两天的时间让这个Multiselect ()在我的项目上运行。我想我错过了一些基本的..。我所做的:运行在终端npm上安装vue-multiselect在资源/js/comonents/Multiselect.vue中创建的代码粘贴在/Multiselect.vue中：
<template>
<div>
<multiselect
v-model="selected&
浏览 2提问于2020-08-13得票数 0
回答已采纳
1回答
我可以在main.js of Vue.js项目中导入并启用一些模拟程序吗？希望是在以下几个方面：
import Vue from 'vue'
import App from './App'
怎么才能开始呢？谢谢，提前。分享你的观点。
浏览 4提问于2021-06-15得票数 0
回答已采纳
2回答
Vue路由器在主Vue实例之前加载，但是要加载该路由器，我需要准备一些信息，然后将它们作为属性传递给该路由。在本例中，它是从主Vue实例传递到主屏幕的currentTime。
也许保持$Store上的所有东西都能解决这个问题，但目前项目还没有实现Vuex。我现在做不到。
有什么建议吗？
main.js
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './registerServiceWorker'
浏览 1提问于2019-10-22得票数 4
回答已采纳
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
回答已采纳
4回答
我试图在组件之外使用i18n --我找到了这个解决方案-- 告诉它使用Vue.i18n.translate('str')，但是当我调用它时，一个错误不能读取未定义的属性的“转换”。
我使用以下配置
main.js
import i18n from './i18n/i18n';
new Vue({
router,
store,
i18n: i18n,
render: h => h(App)
}).$mount('#app')
i18n.js
import Vue from 'vue'
impor
浏览 4提问于2019-07-16得票数 18
回答已采纳
我试图在通过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
回答已采纳
3回答
我有一个使用Vue cli 3的vue应用程序。
为了测试输出，我有一个index.html文件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Comp
浏览 0提问于2018-11-08得票数 5
回答已采纳
1回答
我有一个新的webpack 5模块联合会和打字稿的问题。我有两个分开的vuejs应用程序，都是用VueJS 3编写的。我的问题可能是webpack配置和ts-loader，它们需要appendTsSuffixTo选项(我会得到没有它的Cannot find module '@/App.vue' or its corresponding type declarations. )。
注意:这个问题只适用于vue 3或vue 2的复合api。Vue 2(没有组合api)可以很好地处理类型。。
Webpack技术装载机在这里：
'babel-loader',
浏览 2提问于2020-10-28得票数 9
1回答
在我的Laravel项目resources\assets\js\components中有一些Vue组件(Vue components，resources\assets\js\components)。我想将组件导入视图文件.blade.php
<div id='lol'>
<some-component></some-component>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></sc
浏览 1提问于2018-08-24得票数 1
我是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
我正在开发一个简单的应用程序，在特定的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回答
堆栈
vue 3.2.19
@vue/test-utils 2.0.0-rc.15
打字本4.1.6
问题
我在运行命令vue-cli-service test:unit --no-cache时遇到了问题。
请检查
(链接到CI )
在从节点模块导入类型记录文件的Vue组件中使用时发生，而该节点模块中又有另一个类型记录文件导入
example.spec.ts
import { shallowMount } from "@vue/test-utils";
import HelloWorld from "@/components/HelloWorld.v
浏览 13提问于2021-09-28得票数 4
6回答
嘿，伙计们，我试图在我的行动中做一个请求，我得到了一个错误：
Cannot read property '$http' of undefined
我以这种方式在我的main.js文件中设置了vue资源：
import Vue from 'vue'
import VueResource from 'vue-resource'
import VueRouter from 'vue-router'
import App from './App.vue'
import {routes} from './routes
浏览 7提问于2017-08-11得票数 3
我的问题是我有一个外部文件，希望发出一个Vue文件可以访问的事件。
external.js：
import mitt from 'mitt';
const emitter = mitt();
function transaction(){
emitter.emit('TRANSACTION_CONFIRMED_NOTIFICATION', true)
}
vue文件：
const internalInstance = getCurrentInstance();
const emitter = internalInstance.appContext.conf
浏览 1提问于2021-04-06得票数 1
回答已采纳
我正在尝试在TypeScript插件中使用公共publicRuntimeConfig，但没有成功。对于JS插件，我没有任何问题。但是现在我真的被卡住了，我想我没有看对地方。 问题是如何在TypeScript插件中访问此配置？ 这是我的nuxt.config.js： export default {
ssr: false,
...
publicRuntimeConfig: {
baseURL: 'http://localhost:3000'
},
} 我的插件： import Vue from 'vue'
浏览 130提问于2021-06-15得票数 0
回答已采纳
我正在尝试将外部JS函数从单独的文件导入到运行在Vue.js上的TypeScript应用程序中。
products_table.js
function init_products_table() {
console.log('test')
}
export {init_products_table as initProductsTable}
然后我将它导入到Vue组件中，如下所示：
import { initProductsTable } from '../../products_table.js'
我得到了编译错误：
TS7016:未能找到模块‘.
浏览 2提问于2020-08-07得票数 0
回答已采纳
3回答
我在使用vue-router的组件中的编程导航不起作用。成功登录后，我想将其重定向到仪表板页面。但是什么都没发生。
相关代码-路由器：
import Vue from 'vue'
import Router from 'vue-router'
import store from '../store'
import Login from '@/components/Login'
import Dashboard from '@/components/Dashboard'
Vue.use(Router)
expor
浏览 1提问于2018-01-25得票数 6
回答已采纳
1回答
我创建了一个名为dialog的组件，我想让它成为插件，并将其注册为全局函数。
但是，我不知道如何从插件访问组件并调用组件的方法。
import Vue from 'vue'
import AlertDialog from '@/components/AlertDialog'
const methods = {
openDialog: (
maxWidth,
title,
message
) =>
AlertDialog.openDialog(
maxWidth,
title,
m
浏览 1提问于2020-06-03得票数 1
1回答
我是vue.js的新手。我使用的是2.5.13版本。
我正在尝试访问组件文件脚本中的data变量。但这给了我一条undefined消息。
组件中的Id属性返回正确的值，但在脚本中，它将返回undefined。
如果我想使用这个变量，我需要做什么？
下面是我的app.js代码
import App from './components/App.vue';
new Vue(Vue.util.extend({
router,
data : {
test : 1
},
}, App))
.$
浏览 3提问于2018-02-01得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
