导入vue组件需要哪个包？
导入Vue组件需要使用Vue框架本身提供的包，即vue。Vue是一种用于构建用户界面的渐进式JavaScript框架，它可以帮助开发者构建可复用、可组合的组件，并将它们组合成强大的用户界面。通过使用vue包，开发者可以在项目中导入Vue组件，以便进行相关开发和集成。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算服务，可根据实际需求灵活配置和管理云服务器资源。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云容器服务（TKE）：为用户提供一站式容器化解决方案，支持快速构建、部署和管理容器集群。详情请参考：https://cloud.tencent.com/product/tke
- 腾讯云云函数（SCF）：通过事件驱动的方式执行代码，无需管理底层服务器，提供高度弹性、低成本的云端运行环境。详情请参考：https://cloud.tencent.com/product/scf
相关·内容
首先，我将vuejs项目作为vue-cli的测试容器。然后，我在本地环境中从Vuejs组件创建一个npm包"vue-npm-example"，并在上面的测试项目中导入。
在包中，
我运行npm link，在项目中运行npm link vue-npm-example，
Example.vue
<template>
<div id="vue-npm-example">
<h1>{{ msg }}</h1>
</div>
</template>
<scrip
浏览 2提问于2018-04-18得票数 4
我构建了一个库项目(Vue 3，Vite)，我希望通过package.json将它包含在主机项目中。
但是我遇到了一个问题，我可以导入组件并使用这些导入的组件运行一个简单的程序，但是它们的样式已经消失了。
请让我知道我的配置有什么问题。当我必须手动将css导入我的主机项目时，这是没有意义的。
澄清一下，我的项目中没有任何.css源文件。style.css是从我的*.vue组件编译的
这是我的库项目的vite.config.ts。我需要导出的所有东西都在src/中。
// Library project
import { defineConfig } from "vite"
浏览 12提问于2022-06-09得票数 7
2回答
我和VueJ是新来的。
关于在Vue模板项目中导入组件的最佳实践，我有一个问题。我在一些视图中使用了一些组件。然后我加载了一个管理模板，并且示例总是导入视图中的组件。包括Vue声明。因此，我认为，这可能是更好的进口作为全球组成部分。但我不知道它是否有优点或不便(关于速度或重量)。那我的问题就是关于它的。哪一种是最佳做法？这个项目运作得很好。
谢谢
浏览 1提问于2018-03-22得票数 1
回答已采纳
如果使用UI框架(如Bootstrap、ElementUI或Vuetify等)在我们的Vuejs应用程序中，可以从node_modeules (或应用程序入口点)中导入整个UI框架组件&样式表，或者根据需要导入特定ui组件(特别是Vue文件/组件)。
这两种方法的演示如下：
为景物1
在App.vue中
import BootstrapVue from 'bootstrap-vue'
风景2
在任何特定的.vue文件中
import {BContainer} from 'bootstrap-vue'
因此，在第一种情况下，当UI框架中的所有组件都在为每次
浏览 4提问于2020-05-09得票数 4
回答已采纳
我在互联网上发现了很多关于这方面的问题，堆栈溢出，然而，问题似乎总是与反应有关？然而，就像这个一样，我使用的是Vue，错误发生在Vue自己的组件上，这些组件是我为测试类型而做的新安装项目的一部分，通常是类型提示。
错误：
src/App.vue:3:6 - error TS2604: JSX element type 'RouterLink' does not have any construct or call signatures.
3 <router-link to="/sales-running">Sales Running<
浏览 16提问于2022-06-07得票数 3
1回答
我刚刚开始使用vue.js，但有一个概念仍然令人困惑。 导入一个vue.js“组件”和一个css文件有什么不同？ 以bootstrap和vue-bootstrap为例。我两个都需要吗？只有一个？哪一个? 对我来说，如果我想要将bootstrap用作<b-link>之类的vue组件，就需要导入vue-bootstrap。如果我想在常规的html标记中使用它，那么我还需要导入.css。
浏览 7提问于2019-04-19得票数 1
回答已采纳
1回答
我正在尝试有条件地使用require()模块，这些模块是vue组件，下面是代码片段，以便更好地理解
index.js
因此，我希望基于窗口url加载不同的组件(在使用django处理路由时不能使用vue-路由器)。
import Vue from 'vue'
const pathName = window.location.pathname
let components = []
if(pathName === '/page1/') {
components = require('./entry-point/page1.entry.js'
浏览 1提问于2020-07-16得票数 0
2回答
我们正在设计一个插件架构，我们很好奇是否有一种方法可以通过URL将第三方插件作为Vue组件包含进来。
如何从远程url导入vue文件？例如，我正在尝试遵循Alex Jover Morales的方法来导入异步组件。在这种方法中，当用户单击“导入插件”按钮时，应该会出现一个从url导入的vue组件。我在github页面上发布了想要导入的vue组件。
应用程序无法解析该url。为什么不行？我必须做些什么才能解决这个问题？
这是我的vue组件的代码，它正在执行导入...
<div v-if="showPlugin">
<MassEmailerPlugin&
浏览 1提问于2019-05-27得票数 1
2回答
我正在一个SPA网站上工作，我试图使用这个组件，但是我在安装和使用它时遇到了错误。
请注意，我使用npm install --save vue-typer来安装组件。
这是我的密码：
app.js
import Vue from 'vue'
import VueRouter from 'vue-router'
import routes from './routes'
import VueTyperPlugin from 'vue-typer'
Vue.use(VueRouter)
Vue.use(VueTyperPlugin)
浏览 2提问于2020-07-24得票数 0
2回答
我有一个基于Vue框架和webpack的网站。
我遇到了一个由谷歌(Material，)开发的css框架，您可以直接开始使用cdn或npm包。对于一个简单的基于html/javascript的网站来说，它工作得非常好。但是，我对Vue项目的设置有问题。
Vue框架还有其他可用的包装器，如、Veutify、和Vue Material。但是，它附带了很多额外的东西，比如网格布局，我不希望开发人员遵循它，因为我们已经在使用flex布局了。我只想要组件库。
那么，是否有一种在Vue框架中使用材料组件Web的方法？
浏览 2提问于2020-05-08得票数 0
回答已采纳
2回答
我对一些vue代码进行了重构，发现了如下重复的代码；
- main.ts
import BootstrapVue from 'bootstrap-vuew';
Vue.use(BootstrapVue);
我知道如果main.ts确实'import bootstrap- vue‘，那么其他vue文件使用bootstrap组件而不导入。但我的同事对每个vue组件都做了这种毫无意义的改进。
所以我想知道这个复制有什么关键的效率问题吗？如果是，这与渲染速度有关吗？
浏览 51提问于2021-06-03得票数 0
回答已采纳
2回答
堆栈
Vue 3.2
Nuxt 3.0.0-rc.4
Vite 2.9
目标
尝试从变量(而不是静态字符串)动态加载带有<component :is />的组件。
代码
下面是我正在努力实现的一个很小的例子：
<script lang="ts" setup>
import { defineAsyncComponent } from 'vue'
const filepathStatic = '../foobar/Foobar.vue'
const bar = 'bar'
浏览 22提问于2022-07-03得票数 0
我正在努力弄清楚如何将元素ui组件更改为元素+。我从vue 2迁移到vue 3的一部分，我发现文档不清楚如何在main.js文件中注册vue 3中的组件。
这就是我所犯的错误
"export 'Tree' was not found in 'element-plus'
warning in ./src/main.js
"export 'default' (imported as 'Vue') was not found in 'vue'
这是我的main.js文件
import Vue, { cr
浏览 6提问于2022-05-28得票数 0
2回答
当从Vue调用元素UI的Error in v-on handler: "TypeError: this.$confirm is not a function时，我得到了this.$confirm：
也许我没有导入我应该导入的东西(文档和示例表明不需要额外的导入)？
我正在尝试使用元素UI构建一个Vue应用程序。它有一个表，每行都有一个删除按钮。单击处理程序调用this.$confirm以显示用户的确认对话框。从元素文档中我不太清楚，但似乎元素扩展了$confirm的Vue组件。
模板：
<el-table-column label="" width="18
浏览 0提问于2019-03-25得票数 3
回答已采纳
我正在尝试使用vue-stripe-checkout插件。我在main.js文件中声明了导入和Vue.use()：import VueStripeCheckout from "vue-stripe-checkout"; Vue.use(VueStripeCheckout, 'pk_test_MYTESTPK');
然后我简单地尝试在我的代码中使用它，就像插件文档中建议的那样：<vue-stripe-checkout [...]></vue-stripe-checkout>
但是我得到了一个错误，说：Unknown custom eleme
浏览 0提问于2019-09-01得票数 1
1回答
将Vue-开关值绑定到数据支柱
、、、、
我用的是开关开关，开关开关，我需要知道它处于什么状态。根据的文档，我应该在开关组件中使用:value.sync=“切换”，其中有一个名为'toggle‘的数据属性，我已经这样做了。我得到了以下错误：
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being muta
浏览 4提问于2017-09-08得票数 0
回答已采纳
如何将vue颜色导入到我的项目中？当我试图导入和呈现组件时，如下所示
<template>
<div class="helloWorld">
<Chrome />
</div>
</template>
<script>
import { Chrome } from 'vue-color'
export default {
components: {
'chrome-picker': Chrome
},
}
</
浏览 2提问于2022-05-24得票数 -1
回答已采纳
我正在学习Vue JS，发现我们有时导入{}，有时导入而不导入{}。有什么区别吗？
import Home from '@/views/Home.vue'
import { createRouter, createWebHistory } from 'vue-router'
谢谢
浏览 3提问于2021-03-20得票数 1
回答已采纳
根据Vue ，在构建Vue库(组件)时，可以在vue.config.js中设置css.extract: false，以避免用户在将库导入应用程序时不得不手动导入CSS：
vue.config.js
module.exports = {
css: {
extract: false
}
}
但是，当您这样做时，这些图标不会显示在产品生成中。
在本例中，我使用的是和。他们两个都没有装载：
再生产
您可以使用这个 (组件)来再现这个结果：
使用vue create test创建新的Vue项目
克隆repo并放入与Vue test项目相同的目录中
在vue-op
浏览 2提问于2021-01-05得票数 1
回答已采纳
2回答
我刚刚从vue cli下载了一个模板
vue init webpack my-project。
在Hello.vue中，我看到了这样一个导入语句。
import Hello from '@/components/Hello';
我很好奇@是做什么的。它在很多地方都使用过，但没有写在哪里，它到底是做什么的。如果有人能解释它是干什么的，那就太好了？它与正常的进口有何不同？
浏览 2提问于2017-09-08得票数 1
回答已采纳
2回答
我创建了新文件testcomp.vue
在pages/index.vue中我添加了
import testcomp from 'components/testcomp'
在导出默认{}中我添加了
components:{
'testcomp': testcomp,
},
之后，我运行testcomp npm install --保存组件/
在控制台日志中，我将看到以下内容
npm ERR! Error while executing:
npm ERR! C:\Program Files\Git\cmd\git.EXE ls-remote -h -t ss
浏览 59提问于2018-06-03得票数 0
我正试图把Vue/Vuex项目变成一个私人主持的npm包。我想我已经做到了，但是我不确定我目前的布局，到目前为止，我已经做到了：
src/
├── BrokerProposal
│ ├── FormInputs
│ ├── index.js
│ └── modals
└── store
├── index.js
└── modules
└── proposal
├── actions
├── getters
├── helpers
├── mutation
浏览 1提问于2022-01-04得票数 2
回答已采纳
如何在Vue组件中使用供应商libary (特别是我想使用PDF.js)？(我只想为这个特定的组件加载它，因为它们是相当大的文件)
我正在构建一个需要加载pdf的编辑器。因此，我将pdf.js和pdf.worker.js放在/src/pdf.worker.js/供应商/pdfjs中。
然后，我在同时加载组件的模板编辑器-page.hbs中加载这两个文件：
<div class="content">
<div class="row fill">
<div class="col-md-2 fill br pt30&#
浏览 0提问于2017-10-05得票数 2
回答已采纳
嗨，大家好，我是一个全新进入Vue世界的人。 我正在构建一个具有Rails API后端和Vue前端的应用程序。 我正在尝试使用切换开关(在这个repo Git Hub中找到)将true属性发送回我的模型，并在页面上打开一个隐藏的div。 现在我得到了这些错误，我不知道如何继续。我认为我没有理解他们的文档，因为我读过他们的文档，但并不真正理解我需要做什么。 vue.esm.js?efeb:1897 RangeError: Maximum call stack size exceeded
at VueComponent.Vue._render (vue.esm.js?efeb:3553)
浏览 30提问于2019-05-11得票数 0
我试图使用"vue.config.js“文件加载一个全局scss
vue.config.js
module.exports = {
css: {
loaderOptions: {
sass: {
additionalData: `@import "@/assets/common.scss";`
}
}
}
}
如果在我的App.vue中使用任何代码打开样式标记，如下所示：
App.vue
<style lang="scss">
#app{
display: block;
}
</style>
浏览 2提问于2021-03-26得票数 1
我试图在其他组件(App.vue)中使用vue组件(App.vue)，但是
未能挂载组件:模板或未定义的呈现函数
错误。
Global.vue
<template>
<div class="global-view">
<p>Global </p>
</div>
</template>
<script>
export default {
name: 'global'
}
</script>
App.vue
<template>
浏览 3提问于2017-09-23得票数 2
回答已采纳
1回答
在我的申请中，我有多个布局。它们在不同的文件夹中分开。我想使用不同的SCSS文件的布局。然而，无论使用什么布局(基于路由器元上的支柱)，所有SCSS文件都是导入的。这打乱了布局，因为样式混合了。是否有一种方法只导入与使用中的布局相关的SCSS？
App.vue
<template>
<component :is="layout" />
</template>
<script>
import DefaultLayout from '@/layouts/default/DefaultLayout';
im
浏览 2提问于2021-07-22得票数 3
我已经添加了ReCaptcha插件使用Vue.use(ReCaptcha, {some options})在网格main.js，这是显示在所有页面上。 如何仅在gridsome中为特定页面添加插件？
浏览 20提问于2020-12-21得票数 0
4回答
为了使用动态定义的单页组件，我们使用了component标记，即：
<component v-bind:is="componentName" :prop="someProperty"/>
...
import DynamicComponent from '@/components/DynamicComponent.vue';
...
components: {
DynamicComponent
},
props: {
componentName: String,
someProperty: null,
浏览 2提问于2019-09-24得票数 8
回答已采纳
我正在尝试获得一个示例项目与HTML到PDF的工作，但我一直得到一个错误说。 Could not find a declaration file for module 'vue-html-to-paper' 但是，它在我的node_modules中 index.js import Vue from 'vue'
import VueRouter, { RouteConfig } from 'vue-router'
import VueHtmlToPaper from 'vue-html-to-paper';
Vue.use(Vu
浏览 49提问于2020-12-21得票数 0
1回答
使用vue分布式文件中定义的函数
、、、、
我一直在使用vuejs，一切似乎都很好，但最近我决定检查vue文件，它位于分布式文件中，即vue npm包的dist文件夹中的vue.js。
我的问题是，如何能够在我的项目示例中直接使用我看到的函数
// vue.js inside dist folder of the npm vue package
/**
* Merge an Array of Objects into a single Object.
*/
function toObject (arr) {
var res = {};
for (var i = 0; i < arr.length;
浏览 0提问于2019-12-30得票数 0
回答已采纳
3回答
Vue新手，从命令行完成脚手架项目。目前我有：
index.js
import Vue from 'vue'
import Router from 'vue-router'
import Home
from '../components/home'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'home',
component: Home
}
]
浏览 5提问于2018-05-30得票数 6
回答已采纳
你能帮我吗?我在导入文件时遇到错误，错误看起来像是‘Vote.And’已定义但从未使用过( no-unused-vars).I尝试重命名投票文件，但结果为零。
Home.vue
import Vote from "@/components/Vote.vue";
export default {
name: "Home",
components: { Vote }
};
Vote.vue
<script> // @ is an alias to /src //import HelloWorld from "@/components/Hello
浏览 1提问于2020-05-24得票数 0
1回答
当我试图在我的Vuetify项目(与Webpack和阿波罗一起)上加载材料图标时，我根本无法让我的应用程序显示出来。
我遵循了武帝为webpack提供的安装说明，但是我收到了一个错误。
Uncaught TypeError: Cannot read property 'install' of undefined
at Function.Vue.use (vue.runtime.esm.js?2b0e:5106)
at eval (vuetify.js?402c:12)
at Module../src/plugins/vuetify.js (app.js:
浏览 3提问于2021-02-10得票数 0
回答已采纳
假设我有两个子组件A和B
A有一个按钮，它应该向网格选择框列添加一个值，而B有一个网格，该网格有一个用于列的vue选择框。
cellRenderer: 'tag-grid-select',
我希望能够单击A中的按钮来刷新组件B中网格中的选择组件。
注意:这不是父到子通信，而是特别使用Vue3组合api和setup()的子通信。
浏览 15提问于2022-05-07得票数 0
我已经安装了一个npm软件包，但是我使用的是vue框架。npm包是用JS编写的，但是Vue的语法与JS不同，尽管它是一个JS框架。如何在我的vue项目中使用这个包？
我主要安装了npm软件包，不知道如何翻译其中所写的内容。我刚开始编码，直到最近才学到JS，现在正在尝试Vue。
浏览 7提问于2022-10-30得票数 0
2回答
在我的router/index.js中，我正在尝试延迟加载路由。如果我对字符串进行硬编码，它是有效的，但是如果我使用函数调用(如图所示)将文件路径作为字符串值，它会在console - Error: Cannot find module '../views/Login/Login.vue'中显示一个错误。我使用的是Vue 2.6.11和Vue-router 3.5.1。
我哪里错了？
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
// c
浏览 19提问于2021-05-18得票数 0
5回答
我写React/Vue。像往常一样，我喜欢导出/导入默认组件。
// export
export default class SomeComponent from Component {
// blahblah
}
// import
import SomeComponent from './some.js'
但当我使用angular2+时，我发现了一件奇怪的事情。它使用破坏性的导入/导出形式。
// export
@Component({/* ... */})
export class SomeComponent {
// blahblah
}
// im
浏览 3提问于2018-01-05得票数 0
2回答
我正在建立一个vue js组件，并希望上传到npm。
问题是：
当我在我的组件中导入任何第三方css cdn时，它将应用于整个html，而不仅仅是我的组件。
有没有人知道如何只为我的组件导入，以便如果用户安装我的软件包并使用它，那么css应该只适用于这个组件，而不是应用于整个应用程序，这可能会破坏用户的css。
提前谢谢。
浏览 22提问于2019-11-02得票数 1
我已经创建了这个组件
xyz.vue：
<template>
<button>
button template
</button>
</template>
我尝试在组件javascript中使用它，如下所示：
vue.component('new-comp',xyz);
new Vue({el:'#app'})
它不是在vue应用程序中从xyz.vue创建按钮。
浏览 2提问于2019-03-07得票数 0
1回答
我使用vue-cli@4创建了一个项目，它运行得很好，但是我在main.js中做了一些更改，它已经不再工作了。
//main.js
import Vue from "vue";
import App from './App.vue'
//Vue.config.productionTip = false;
new Vue({
el: "#root-app",
//commented components property when using render and mount
components: {
App
},
浏览 2提问于2019-11-10得票数 2
3回答
我可能有一个简单的问题，但我真的不知道怎么做。 我想使用Sweetalert2，并在我拥有的每个VueJS组件中全局使用它。因此，在我的app.js中，我有以下内容： import { createApp, h } from 'vue'
import { createInertiaApp } from '@inertiajs/inertia-vue3'
import { Head, Link } from '@inertiajs/inertia-vue3'
import { InertiaProgress } from '@inerti
浏览 37提问于2021-08-16得票数 0
我使用npm安装包括一个客户端的插件，称为vue库，并按照说明加载它作为客户端只插件，如Nuxtjs文档中所述。这个插件可以正常工作，只有一个例外:如果我在导入插件的任何路径上按f5，Nuxt就会抛出一个“无效的或意外的令牌”错误。当您将插件定义为客户端和服务器端时，总是会抛出这个错误。如果直接在浏览器中键入URL，也会发生同样的情况。但是，当您使用应用程序链接导航到页面时，就不会发生这种情况。
请注意，这只是一个外部组件类型插件，而不是一个ES6插件。
vue-gallery.js
import Vue from 'vue'
import VueGallery from &#
浏览 0提问于2019-07-12得票数 0
回答已采纳
2回答
引导Vue侧边栏组件不能正常工作
、、、、
我创建了一个带有默认设置的新Vue项目，然后安装了Bootstrap、Bootstrap和JQuery。我从Bootstrap网站上复制了一个例子，不幸的是它不起作用。打开时的样子是这样的：
动画和属性都不起作用(也就是说，我不能把它移到右边)。我的App.vue文件：
<template>
<div>
<b-button v-b-toggle.sidebar-1>Toggle Sidebar</b-button>
<b-sidebar id="sidebar-1" title="Sideb
浏览 4提问于2020-10-05得票数 3
回答已采纳
尝试创建一个存在于我的Vue应用程序中的导航栏。来自react，所以我尝试将我的导航组件导入到main.ts中，并在App.vue中的路由器插座上方使用它。应用程序是使用带有typescript和Router的vue-cli生成的。
我尝试过用Vue.extend、@Component、export default {*/ options */}编写导航组件。
我已经尝试在App.vue中添加一个脚本标记，我将在其中注册导航组件。
我已经在main.ts中导入并注册了导航组件。
Navigation.ts：
import Vue from 'vue';
import { Com
浏览 2提问于2019-01-30得票数 0
我有一个小项目，我想使用framework7-vue。我有一个简单的html，直接包含所有的js链接：
html：
<script type="text/javascript" src="node_modules/axios/dist/axios.min.js"></script>
<script type="text/javascript" src="node_modules/lodash/lodash.min.js"></script>
<script type=&
浏览 0提问于2018-06-15得票数 0
我用vue-cli3创建了一个项目，并包含了TypeScript。
我的src/app.vue
<template>
<div id="app">
<hello-world msg="test"/>
</div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import HelloWorld from '
浏览 0提问于2018-10-18得票数 17
3回答
我正在尝试将Vue组件导出为一个包，并使用vue cli构建dist。我打算在npm上发布它，但我目前正在使用一个符号链接进行测试。然而，即使有一个简单的hello-world项目，我也不能做一个有效的包。
我创建了一个项目：
vue create hello-world
然后我修改了package.json：
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build --target lib --nam
浏览 2提问于2019-07-05得票数 3
回答已采纳
我正在创建一个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
回答已采纳
对以下问题的任何帮助都将不胜感激！
情况：
我的包含两个包
child-component-lib
- contains a single view `About.vue` written in composition-API-style (with vue2 helper libraries `@vue/composition-api` and `vuex-composition-helpers`)
- exports a single `RouteConfig`
- build as a lib
views/About.vue (儿童)
这是一个关于页面(作为组件库)从“@vu
浏览 16提问于2020-11-16得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
