Vue 3导入/解决组件问题
Vue 3是一种流行的JavaScript框架，用于构建用户界面。它具有简单易用、高效灵活的特点，广泛应用于前端开发领域。
在Vue 3中，导入和解决组件问题可以通过以下几种方式来实现：
- 全局注册组件：
在Vue 3中，可以使用
app.component方法全局注册组件。该方法接受两个参数，第一个参数是组件的名称，第二个参数是组件的定义。例如，我们可以通过以下方式注册一个名为"HelloWorld"的组件： - 全局注册组件：
在Vue 3中，可以使用
app.component方法全局注册组件。该方法接受两个参数，第一个参数是组件的名称，第二个参数是组件的定义。例如，我们可以通过以下方式注册一个名为"HelloWorld"的组件： - 局部注册组件：
在Vue 3中，可以使用
components选项局部注册组件。该选项接受一个对象，对象的键是组件的名称，值是组件的定义。例如，我们可以通过以下方式局部注册一个名为"HelloWorld"的组件： - 局部注册组件：
在Vue 3中，可以使用
components选项局部注册组件。该选项接受一个对象，对象的键是组件的名称，值是组件的定义。例如，我们可以通过以下方式局部注册一个名为"HelloWorld"的组件： - 动态导入组件：
在Vue 3中，可以使用
defineAsyncComponent方法动态导入组件。该方法接受一个函数作为参数，函数返回一个Promise，Promise的结果是组件的定义。例如，我们可以通过以下方式动态导入一个名为"HelloWorld"的组件： - 动态导入组件：
在Vue 3中，可以使用
defineAsyncComponent方法动态导入组件。该方法接受一个函数作为参数，函数返回一个Promise，Promise的结果是组件的定义。例如，我们可以通过以下方式动态导入一个名为"HelloWorld"的组件：
以上是在Vue 3中导入和解决组件问题的几种常见方式。根据具体的场景和需求，选择合适的方式来使用组件。对于更多关于Vue 3的信息和相关产品，可以参考腾讯云的文档和官方网站。
参考链接：
- Vue 3官方文档：https://v3.vuejs.org/
- 腾讯云Vue产品介绍：https://cloud.tencent.com/product/vue
相关·内容
我在互联网上发现了很多关于这方面的问题，堆栈溢出，然而，问题似乎总是与反应有关？然而，就像这个一样，我使用的是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
这也许是个很傻的问题，但我还是找不到答案。
因此，我正在构建一个Vue组件，并希望访问我的组件中的组件。
下面是所讨论的代码片段：
app.js
Vue.component('players', require('./components/TeamPlayersComponent.vue'));
import GridLoader from 'vue-spinner/src/GridLoader.vue';
const app = new Vue({
el: '#app',
components: {
浏览 2提问于2017-01-04得票数 15
回答已采纳
我用Webpack，Babel，Vue和TypeScript来测试一个新的项目。当测试Webpack+Babel和Webpack+Babel+Vue用Vue文件编写一些Web应用程序时，一切都很好。
但是，当将相同的代码转换为TypeScript (Webpack+Vue+TypeScript)时，有些地方出错了。用Vue和TypeScript对.html和.ts文件进行编码是很好的，但只在加载.vue文件时出错。
图片显示浏览器上的错误。它用"Hello“在控制台上显示了vue数据。
我是不是错过了webpack，tsconfig的一些设置，或者出了什么问题？请给我一些提示
浏览 1提问于2019-06-15得票数 0
为了便于使用和维护，我正忙着将组件从项目转移到组件库中。我按照概述的结构和过程使用这个。
目前，我只有两个组件在那里，一个TestButton.vue和一个LoaderModal.vue。
当从应用程序导入/调用测试按钮时，测试按钮将按预期的方式从应用程序库中运行，它看起来应该正常工作，因为它实际上是一个mdb按钮(我刚才用于测试组件导入)。
问题在于加载模态。通常，您会设置模式的show属性来显示或隐藏它。
<template>
<mdb-modal centered :show="showLoader">
<mdb-m
浏览 5提问于2020-08-20得票数 3
回答已采纳
我正在考虑将Vue 2应用程序迁移到Vue 3，但遇到了一个问题。Vue 2应用程序过去常常从导入大量组件和指令开始： // these components register to the global Vue instance
import {ComponentA} from './componenta';
import {directiveA} from './directivea';
// create app (after the components are registered)
new Vue({...}) 这可以很好地工作，但当将此代码更
浏览 30提问于2021-07-21得票数 0
回答已采纳
在Vue + Vite项目中，我的文件夹结构如下所示
问题是vite没有检测到A.vue或B.vue中的更改(B.vue)，即组件文件夹中NestedFolder下嵌套的组件。其他地方都很好。
我的vite.config.js是这样的，
import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
e
浏览 9提问于2022-08-10得票数 2
我目前正在使用Vue Cli 3创建一个项目，对于它的UI，我选择使用Vuetify。在向Vue Cli 3添加Vuetify时，我只需运行以下命令
vue add vuetify
我可以使用Vuetify的其他特性，如v-layout、v-button等，但每当我使用v-form或v-text-field时，它似乎就不起作用了。错误是：
Vue警告:未知的自定义元素：-正确注册组件吗？对于递归组件，请确保提供"name“选项。
有人能帮我吗这样我就能让这些东西正常工作了吗？提前谢谢你！
浏览 0提问于2018-08-27得票数 1
我有一个Vue 3自定义元素，其中我想使用PrimeVue和PrimeFlex等。因此，我首先创建一个组件，使用.ce.vue扩展的证监会模式，并使用defineCustomElement和customElements.define的组合，将其编译成一个web组件。最后，我在index.html中使用它来查看它是否在浏览器中工作。
它在某种程度上起作用，但不是完全起作用。例如，我不确定如何为我的案例翻译app.use(PrimeVue)。
//customElement.ce.vue
<template>
<div>Test</div>
<Au
浏览 23提问于2022-01-27得票数 0
4回答
我对vue和laravel还不熟悉。我正在尝试导入我的组件，但是我得到了这个错误。
未找到.//js/router.js模块中的错误:错误:无法解析
router.js
import Vue from 'vue'
import VueRouter from 'vue-router'
import HomepageComponent from './pages/frontend/HomepageComponent'
Vue.use(VueRouter)
const routes = [
{
path: '/',
浏览 12提问于2020-05-11得票数 1
回答已采纳
1回答
我的VueJS应用程序使用的是一个路由器，它有一个LoadingPage.vue组件，用于路由器中，如下所示：
{
path: "/loading",
name: "loading",
component: () =>
import(
/* webpackChunkName: "loading" */
/* webpackPrefetch: false */
/* webpackMode: "lazy" */
"../views/LoadingPag
浏览 5提问于2021-12-29得票数 1
1回答
我正在从Vue 2迁移到Vue 3。在Vue 2中，可以全局注册一个组件，如：main.js
new Vue({
el: '#app'
})
组件的全局注册：my-component.js
Vue.component('my-component', {
template: '<div>Hi!</div>'
})
我使用Webpack在其他组件中导入单个file组件，然后将其打包到一个文件中。对于Vue 2，这很容易，因为Vue实例是全局注册的。现在使用Vue 3，由于Vue.createApp({}).mount(
浏览 1提问于2021-01-18得票数 2
回答已采纳
我正在尝试运行组合api组件的单元测试。我在Vue 2.7上使用TS和以下软件包：
"nuxt": "^2.15.8",
"@nuxtjs/composition-api": "^0.33.1",
"@vue/test-utils": "^1.3.0",
"jest": "^28.1.3",
问题是在组件挂载上引发以下错误：
SyntaxError: Unexpected token (1:1141)
at Parser.pp$4.raise (
浏览 29提问于2022-11-22得票数 1
我使用Vue 2和@vue/composition-api插件。
我创建了一个Jest测试，但是测试失败了，错误如下：
Test suite failed to run
[vue-composition-api] must call Vue.use(VueCompositionAPI) before using any function.
1 | import { ref } from '@vue/composition-api';
2 |
> 3 | const showSidebar = ref(false);
|
浏览 1提问于2020-12-13得票数 6
回答已采纳
我目前正在创建一个基于webpack和添加的vue3与打字。但现在我面临的问题是TS2307: Cannot find module './App.vue' or its corresponding type declarations.
shsims-vue.d.ts当前设置在src文件夹下，默认生成。
/* eslint-disable */
import VueRouter, { Route } from 'vue-router'
declare module '*.vue' {
import type { DefineCom
浏览 6提问于2021-06-13得票数 1
我使用Vue 3与VueRouter一起使用Vite
let test_Route = 'Test';
const routes = [
{ path: '/' , name:'default' ,component: () => import('@/views/login.vue') },
{ path: '/Test' , name:'Test' , component: () => import(`@/views/${test_
浏览 2提问于2022-01-15得票数 2
1回答
因此，我正在为一个学校项目创建一个应用程序，并尝试制作一个导航屏幕。我有一个有两个按钮的屏幕，我正在试着让它们工作。如果我点击/按下按钮，我想转到不同的屏幕。我是个新手，这是我第一次使用Vue Native。
当前代码：
<template>
<div id="app">
<HelloWorld msg="CarnavalXL"/>
<div id="nav">
<button @press="goToParadeScreen" class=&#
浏览 1提问于2020-02-14得票数 0
1回答
我有一个Vue CLI 3项目，我正在建设。构建的代码似乎忽略了布罗兹列表。它输出破坏Microsoft的代码，不管我是否将边缘添加到浏览器列表中。
正在输出的语法是lambda中的参数spread操作符，类似于
(...x) => {}
这是不支持的特定版本的边缘，我的项目不断输出它！
这些是我的一些文件：
package.json
{
"name": "my-app",
"version": "0.1.0",
"private": true,
"scripts": {
浏览 1提问于2019-03-25得票数 1
回答已采纳
我必须构建3个不同的页面，每个页面都有一个不同的工具栏。我知道在app.vue中，head部分被呈现，组件应该是主体，所以只在app.vue部分中使用工具栏是有意义的，但是当我调用这3个组件时，问题就开始了。
做这件事的正确方法是什么？我应该在组件本身中使用工具栏，即使它将在主部分中呈现，还是应该在加载组件时在app.vue上动态加载不同的工具栏？
这是我想要达到的“代表性”。
Page1.vue ->工具栏1
Page2.vue ->工具栏2
页面3.vue ->工具栏3
浏览 0提问于2018-03-09得票数 0
2回答
我对Vue有点陌生，对我来说越来越难破解了。我正在使用Vue 3，我想使用vue - form在我的vue应用程序上创建一个注册表单。以下是我遵循Vue格式的官方文档的进展情况：
// main.js
import { createApp } from 'vue'
import App from './App.vue'
import VueFormulate from '@braid/vue-formulate'
createApp(App).use(VueFormulate).mount('#app')
然后在Regist
浏览 2提问于2020-11-15得票数 1
回答已采纳
2回答
感谢您阅读我的问题。
我已经读到了我的问题
但是我的系统没有读取Vue变量:(
我有一个名为app.vue的vue组件，我需要使用vue-resource从我的帖子中获取数据。但是很多时候的错误是：
TypeError: Cannot read property 'post' of undefined
at VueComponent.loadingProcess
你有解决这个问题的办法吗？
我的app.vue
<script>
var Vue = require('vue');
//Vue.use(require('vue-
浏览 0提问于2017-04-27得票数 2
回答已采纳
我正在用Vue.js 3，Vite.js构建我的项目。在dev模式下(当使用dev服务器时)，应用程序可以正常工作。一旦启动了build命令，Vite就会为我创建包含我的应用程序构建的/dist目录。如果我运行预览命令(vite预览)，它开始时没有问题，预览我的构建。
问题是来自Vue组件的一些图像。我的项目的所有图像都在src/assets目录中。
.
├── Attribution.txt
├── README.md
├── index.html
├── package-lock.json
├── package.json
├── postcss.config.js
├── public
浏览 8提问于2022-01-22得票数 2
回答已采纳
我有一个用Vue js (v10)使用Sage (v3)的项目。
我成功地引入了Vue并将App.vue (单页组件)安装到app.blade.php文件侧的根元素上：
app.js
import App from './App.vue'
const app = createApp(App)
app
.use(router)
.mount('#wp-vue-app');
app.blade.php
<div id="wp-vue-app">
<!-- App.vue renders here -->
<
浏览 4提问于2022-09-09得票数 0
回答已采纳
1回答
我有两个VueJs解决方案，是我用VS2019制作的：
解A
components
component1.vue
component2.vue
解B
components
component3.vue
component4.vue
我需要在SolutionA中重用SolutionB组件，是否有一种无需在npm中发布SolutionA的方法？
谢谢!
浏览 2提问于2020-08-26得票数 0
我在Vue中有许多SVG卡作为组件；我可能有50个或更多。我可以在script标签后面一个接一个地导入它们： <script>
import MyVueComponent1 from "~/components/MyVueComponent1.vue";
import MyVueComponent2 from "~/components/MyVueComponent2.vue";
import MyVueComponent3 from "~/components/MyVueComponent3.vue";
...
import My
浏览 24提问于2021-09-22得票数 1
回答已采纳
? 我正在遵循如何从Vue升级到Vue3的升级指南。它展示了如何处理它，如果应用程序的结构如下： new Vue({
router,
render: h => h(App)
}).$mount("#app"); 问题是我的应用的结构是这样的： new Vue({
el: '#app',
data() {
return {
// initialData
};
},
mounted() {
// mounted
},
meth
浏览 65提问于2020-12-08得票数 2
回答已采纳
1回答
我使用vue-cli3将vue组件发布到npm。 以下是我的构建脚本： "package-build": "eclint fix && vue-cli-service build --target lib --name @xchat-component/chat-component ./src/index.ts && shx cp ./src/index.d.ts dist/index.d.ts", 当我在其他项目中导入此组件时，所有功能都正常，但样式不起作用。 但是我发现css是在node_modules/component/
浏览 183提问于2021-01-08得票数 0
回答已采纳
我在Vue是个新手，也许我的问题是微不足道的。
我必须做的事：
我想要创建一个Vue组件，我可以把它放在NPM私有回购中，然后用bundle.js文件将它导入到其他项目中。
TLDR:
无法通过vue -cli服务构建--目标lib/wc导入vue组件构建。进口组件我对"export 'HelloWorld' was not found in '../node_modules/hello-world'有一定的了解
长版本：
我已经问了尽可能多的问题和项目。所有项目都是由vue-cli构建的，没有任何额外的更改。
创建新的默认项目vue crea
浏览 0提问于2019-01-08得票数 10
3回答
我最近将我自己的Vue 3组件上传到了NPM，以便于其他人使用。当在其他项目中使用它时，它会给出以下警告：
[Vue warn]: Component is missing template or render function.
at <VueToggle id="1" title="Toggle me" >
at <App>
发生这种情况的原因可能是什么？我构建和发布应用程序的方式是通过运行以下代码。
import VueToggle from "./components/VueToggle";
export d
浏览 109提问于2021-04-27得票数 1
1回答
我试图在应用程序中使用vue-cli，但我想知道我可以不使用App.vue而使用组件吗？这里的组件以html显示，但当我单击按钮时，并不调用组件中的testFunction，而是在html中显示“单击此处”按钮。
index.html
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge&
浏览 1提问于2021-08-29得票数 0
2回答
我想知道如何使用Vue way获取页面部分，如sidebar或header？
目前我得到了像@include('admin.parts.header')这样的刀片式模板，但我能不能把它们移到components (header.vue)上，然后像<router-view name="header"></router-view>一样用vue的方式得到它们？
浏览 0提问于2018-03-18得票数 0
我知道Javalin支持Vue，我使用它没有任何问题。它很容易设置，我只需要调用config.enableWebjars()，并且使用Vue非常开箱即用。但是，我想使用其他工具，这些工具并没有与Javalin深度集成。也就是说，我想将bootstrap-vue用于高级组件。通常，当我通过npm和手动配置使用它时，向Vue添加支持也很简单：
import Vue from 'vue'
import { BootstrapVue } from 'bootstrap-vue'
// Install BootstrapVue
Vue.use(BootstrapVue)
浏览 2提问于2020-10-11得票数 0
背景
请考虑以下几点：
// app.js
import API from 'utils/API';
const api = new API(config.app.urls.api, endpoints, token);
app.provide('$api', api);
基于我在过去24小时所读到的所有内容，以上是向Vue.js 3提供“服务”的建议方法。
但是，上面的问题是，我现在无法访问API实例，因为方法不能在Vue组件之外使用。
因此，当我想将API实例导入我的Vuex模块时，我不能.
问题
是否有一种“建议”的方式来访问Vue组件之外提供的服务？
浏览 5提问于2022-01-06得票数 3
回答已采纳
如何在Vue3中使用递归组件？
在Vue 3中使用递归组件类法线组件会导致错误Cannot access before initialization
Tree.vue：
<template>
<Tree v-if="hasChildren" />
</template>
<script lang="ts">
import Tree from './Tree.vue';
export default defineComponent({
components: {
Tree
},
浏览 8提问于2022-08-03得票数 0
回答已采纳
3回答
Nuxt插件进口滥用供应商
、、、、
我试着在一个nuxt应用程序中使用vuejs-datepicker，一切都是由nuxt插件的使用标准完成的。
plugins/vue-datepicker.js
import Vue from 'vue'
import Datepicker from 'vuejs-datepicker'
Vue.component('Datepicker', Datepicker)
nuxt.config.js
plugins: [
{ src: '~/plugins/vue-datepicker', ssr: false }
],
但是，
浏览 16提问于2021-02-25得票数 3
回答已采纳
1回答
vue@2.6.10
vuetify@2.2.25
我有下面的代码。
Vuetify插件
$ cat src/plugins/vuetify.js
import Vue from "vue";
import Vuetify from "vuetify/lib";
Vue.use(Vuetify);
export default new Vuetify({
theme: {
dark: false
}
});
导入并激活它
$ cat src/main.js
import Vue from 'vue'
import App
浏览 3提问于2020-04-26得票数 1
回答已采纳
2回答
未知自定义元素：-正确注册组件吗？对于递归组件，请确保提供"name“选项。
我有一个边栏，其中包含一个TreeList，其中包含一个TreeNodes，每个边条都包含一个TreeList。
我读过很多关于其他人在这方面有问题的文章。我已经尝试过解决方案，比如为组件指定kebab大小写名。我读过关于命名空间存在问题的文章，我同意这一点，因为我有一个处理单个文件中所有组件的示例。当组件位于单独的文件中时，当使用vue CLI重新加载我的脚本时，会发生上述错误。有时，在保存我的文件时，没有任何解释，错误就会消失，递归也会再次工作。
然后，当它正确工作时，单击子节点时会出现错误。
浏览 2提问于2018-12-12得票数 6
回答已采纳
我正在使用几个外部库在vue应用程序中使用工具提示构建图表。我使用的是单文件组件
我有一个，但还不能将它转换成一个工作组件。
尝试的方法：
在<head>标记中加载3个工具提示实现的脚本
- `"TypeError: tooltipAnchor.tooltip is not a function"`
在编译后的vue代码(build.js)标记之前，在build.js标记中加载3个工具提示实现的脚本
- `"TypeError: tooltipAnchor.tooltip is not a function"`
在
浏览 0提问于2017-10-17得票数 5
回答已采纳
1回答
目标：
使用动态组件为Vue V3创建自定义的可重用转换组件。
vue2-transitions 包使用与下面相同的方法，它不适用于v3，因此我决定自己做一个简单的方法。
CustomTransition.Vue
<component
:is="group ? 'transition-group' : 'transition'"
enter-active-class="fadeInDown"
leave-active-class="fadeOutUp"
>
<slot><
浏览 4提问于2020-09-25得票数 2
回答已采纳
我正在创建一个包装Vuetify 3组件的库。但是，当我尝试使用这个库时，它会出现以下错误：[Vue warn]: Failed to resolve component: v-btn If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
图书馆vite.config.ts：
import { fileURLToPath, URL } from 'node:url';
import { r
浏览 24提问于2022-09-18得票数 2
我正在使用BootstrapVue，并且已经按照文档进行了设置。我看到的是，对于我的Vue应用程序中使用BootstrapVue组件的每个组件，我都将Bootstrap嵌入到我呈现的HTML中。在本例中，我添加了27个相同样式表的实例。 我看不出问题出在哪里。 这是我的main.js文件 import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import { BRow,
浏览 53提问于2020-06-26得票数 1
回答已采纳
1回答
我只想在需要的时候动态导入单个引导组件。
Bellow语法实际上可以做到这一点，但它确实导入了所有组件。
因此，最终的模块包是1.4MB (完整的引导库)。
BNavbar: () => import('bootstrap-vue').then(module => module.BNavbar),
如何将其更改为只导入navbar，使其等效于
import { BNavbarPlugin } from 'bootstrap-vue'
Vue.use(BNavbarPlugin)
浏览 8提问于2022-02-15得票数 0
我正在尝试使用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组件的TypeScript库，它和Webpack一起编译成了一个JS文件。使用该库的TypeScript项目也依赖于Vue。在运行应用程序时，我可以看到加载了两个vue实例，一个包含在库包(/node_modules/my-lib/dist/index.js)中，另一个来自项目的node_modules (/node_modules/vue/dist/vue.esm.js)。 库的webpack.config.js： const path = require('path');
module.exports = {
entry: './src/inde
浏览 58提问于2020-07-21得票数 0
1回答
在两个Vue项目上，我得到了来自构建上的迷你css-提取插件的一个相互冲突的订单警告。下面是其中一个警告的示例：
Conflicting order. Following module has been added:
* css ./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??ref--6-oneOf-3-2!./node_modules/vue2-datepicker/index.css
despite it was not able to fulfill
浏览 3提问于2020-10-27得票数 1
我想将Instagram为一篇文章提供的公开嵌入代码插入到我的vue.js应用程序中。Instagram为任何Instagram帖子右上角的3个点中的任何帖子提供了嵌入片段。
如果我将其粘贴到Vue模板中，就会得到以下错误：
“模板应该只负责将状态映射到UI。避免在模板中放置带有副作用的标记，例如，因为它们不会被解析。”
这意味着什么，我怎样才能绕过它在Vue？
我看过几个npm包，用于在Vue中嵌入Instagram帖子，但它们似乎都停止了使用Instagram的新的噩梦身份验证过程。如果我把它粘贴到一个普通的html页面(没有Vue)，它就能正常工作。
我在用Gridsome和Vueti
浏览 31提问于2021-07-30得票数 0
回答已采纳
我正在尝试使用is指令呈现一个组件 <template>
<div>
<v-tabs v-model="currentTab" fixed-tabs>
<v-tab v-for="(item, i) in tabItems" :key="i">{{ item }} </v-tab>
</v-tabs>
<v-form ref="form" v-model="isValid" lazy-valida
浏览 11提问于2020-12-02得票数 0
1回答
fullpage.js滑块的问题
、、、、
我被困在这个问题上已经好几个小时了，我似乎在网上找不到答案。我正在开发一个vue-cli应用程序，我正在使用fullpage.js组件和vue.js。我试图创建一个景观滑块在一个部分。到目前为止，我遵循了有关该文档的说明：
但是滑块不起作用。
以下是我的main.js：
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vu
浏览 0提问于2018-09-15得票数 1
我的错误：
./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue中的组件/主/页脚
下面是屏幕截图上的组件树：
我的App.vue
<script>
import Footer from 'components/main/Footer';
export default {
components: {Footer},
name: 'app',
data
浏览 0提问于2018-09-19得票数 2
我想访问vue.js组件中的引用，其中引用本身是动态创建的，如下所示：
<style>
</style>
<template>
<div>
<lmap class="map" v-for="m in [1, 2, 3]" :ref="'map' + m"></lmap>
</div>
</template>
<script>
module.exports = {
components: {
浏览 1提问于2020-05-07得票数 0
因此，我试图将Vue3添加到现有的asp.net核心项目中。我想要发生的是我的剃须刀应用程序渲染正常，然后使用自定义vue组件给我的前端更多的反应感。但是，当我将一个空的vue应用程序挂载到我的包装器div (所有其他主体内容的父级)时，它似乎是在删除包装器div的所有innerHTML，完全删除所有服务器呈现的正文内容。
在我的_Layout.cshtml文件中，我用id 'app‘将所有内容包装在一个div中。
<body>
<div id='app'>
@RenderBody()
</div>
<sc
浏览 2提问于2020-09-28得票数 10
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
