如何在vue应用程序的每个组件中持续获取数据？
在Vue应用程序的每个组件中持续获取数据，可以通过以下几种方式实现：
- 使用Vue的生命周期钩子函数：可以在组件的created或mounted钩子函数中发送异步请求获取数据，并将数据保存在组件的data属性中。这样每次组件被创建或挂载到DOM上时，都会触发数据获取的操作。
- 使用Vue的计算属性：计算属性可以根据响应式数据的变化自动更新，可以将异步请求的数据作为计算属性的返回值。这样每当依赖的响应式数据发生变化时，计算属性会重新计算并返回最新的数据。
- 使用Vue的watch属性：可以通过watch属性监听响应式数据的变化，并在变化时执行相应的操作，包括发送异步请求获取数据。可以将watch属性定义在组件的选项中，当监听的数据发生变化时，watch函数会被触发。
- 使用Vue的全局事件总线：可以在Vue实例上定义一个事件总线，通过$emit方法触发事件，在需要获取数据的组件中通过$on方法监听事件，并在事件回调函数中发送异步请求获取数据。
以上是几种常见的在Vue应用程序的每个组件中持续获取数据的方法，具体选择哪种方法取决于实际需求和项目的架构。在腾讯云的产品中，可以使用腾讯云的云函数（SCF）来实现数据的持续获取和处理，详情请参考腾讯云云函数产品介绍：https://cloud.tencent.com/product/scf
相关·内容
1回答
如何对驻留在Vue实例中的组件调用方法？
有几个像这样的问题，但它们似乎都有反对的、解释不足的或包含“但建议你不要这样做的答案”的答案。
因此，我认为，通过提供一个具体的用例场景和当前版本的Vue，当涉及到对可重用组件调用方法(或者如果这本身就是一个反模式)时，我可以收集对Vue“最佳实践”的了解。
场景：创建一个可重用的Vue组件，该组件表示一个表，该表根据创建时传递的API url更新其数据。对于Vue实例之外的某些事件(例如，窗口丢失并恢复焦点等)，数据应该更新。
表模板从columns和rows数组创建。
可重用的活动表组件：
Vue.component('live-table
浏览 3提问于2019-11-25得票数 0
我是Vue和Nuxt的新手，我有一个关于异步请求的问题。我已经了解到，通过在Nuxt中使用asyncData和axios，我可以获取数据，然后可以在前端呈现这些数据。然而，现在的问题是，应用程序会等到数据被获取后才会显示任何内容。
因此，我如何确保应用程序呈现某些内容，然后在前端运行异步请求(就像Vue对created生命周期方法所做的那样)，但同时也在服务器端呈现数据。
浏览 1提问于2018-03-28得票数 2
回答已采纳
我是Vue jS版本2中的新成员，我的页面中有3个组件。我希望使用axios获取所有页面中可用的数据。我在我的app.js中做了如下工作
const router = new VueRouter({mode: 'history', routes });
Vue.mixin({
data: function () {
return {
pocketLanguages: [],
}
},
mounted() {
var app = this;
axios.get("/get-lang&
浏览 3提问于2018-10-08得票数 1
回答已采纳
我正在用vue ssr写一个vue spa。
根据办公室的，组件中的数据将被预取到服务器端并存储在vuex存储中。
这看起来很复杂。所以我想知道是否有任何可能的方法来获取数据，可以只将数据保存在组件本身中？不需要vuex商店或任何其他第三方存储。
浏览 19提问于2017-12-27得票数 0
我有(我的第一个) vue应用程序，它从api获取数据并呈现一些选择元素。我想把每个盒子分成另一个文件(一个文件用于从api获取数据，第二个文件用于渲染选择，第三个文件用于渲染列表)。如何将数据从
我尝试从api实例中获取数据：
export default {
props: {
filters: apiIntance.$data.kpis.filters,
此时此刻，我有这样的想法：
<!-- src/components/Filters.vue -->
<template>
<div class="filters
浏览 2提问于2019-08-19得票数 0
我正在和VueJS一起使用jQuery可排序插件。插件更改了DOM，但这些更改不会反映在我的components数据对象上。
我有一个对象数组，它在HTML中呈现为列表<li>。可排序插件会改变列表项的顺序，但vue组件数组的顺序不会改变。
有什么帮助吗？
浏览 2提问于2017-10-05得票数 1
我正在尝试将我的项目分成组件，以便在调整到响应应用程序时使代码可读性。问题是从基本选择的v-model子->父级传递->。如何将选定的数据存储到Parent.vue items: ''中？下面是我的代码。
Parent.vue
<template>
<child></child>
</template>
<script>
import Child from './components/Child'
export default {
components: {
Child
浏览 1提问于2020-02-24得票数 0
回答已采纳
1回答
首先，听起来这种情况很适合使用eventBus，但我只是在做实验。我的感觉是，这将构成发射和捕捉事件的过程。
在我的main.js中，我已经声明：
Vue.prototype.$someHeight = 200
在我的一些组件中，我试图将其更改为：
this.$someHeight = 300
但是当我在vue中使用它时，它仍然是这样写的：{ $someHeight } // output: 200，并且我期待着300个
那么，如何覆盖它呢？这是个好做法吗？
浏览 1提问于2018-12-23得票数 0
回答已采纳
我的Vue应用程序中有以下项目结构：
components/
article/
AppList.vue
common/
AppObserver.vue
NoSSR.vue
layout/
AppFooter.vue
AppHeader.vue
ui/
AppButton.vue
AppList.vue
pages/
ArticlePage/
index.vue
ArticleTit
浏览 1提问于2020-02-28得票数 1
回答已采纳
2回答
我最近开始学习vue.js (来自棱角2+)，我看了一些教程，一切似乎都进行得很顺利。
和以前一样，在我完成了教程之后，我为自己创建了一个小应用程序，以确保我知道我在做什么。但我似乎真的在和Vue混在一起。
到目前为止，这个应用程序非常简单。一个用户发布一个故事，故事有评论.就这么简单
我已经到了我希望用户能够编辑那里的评论，但它似乎我不知道如何做到这一点。我希望这样，当用户单击“编辑”按钮时，注释会更改为文本区域或某种类型的输入。
在这一点上，我根本不习惯于在项目中使用。所有的页面都是用刀片渲染的。
我想弄清楚你是怎么利用它的？所以我有以下问题
您是否打算使用多个vue组件，在刀片中循环
浏览 6提问于2020-05-30得票数 0
回答已采纳
我已经将一个变量从laravel发送到我的vuejs，如下所示:但是当我想在组件中使用它作为字符串时，它会给出一个未定义的错误，我的vue组件代码如下所示
export default {
props: ['reserve_end'],
data(){
return {
date: '',
}
},
}
// the component part
import VuePersianDatetimePicker from '
浏览 0提问于2019-03-27得票数 0
回答已采纳
1回答
Vue 3中使用vuex
、、、
去年，我花了一些时间学习Vue 2，我真的很喜欢这个框架，但没有推进一个项目。我现在有时间做一个项目，但是我想在复合API中使用Vue 3。我将使用Firebase作为后端。在是否使用Vuex的问题上，我看到了相互矛盾的技术。
例如，我希望将"currentUser“对象存储在全局状态，该对象可以从应用程序中的任何组件中访问。正常情况下，它将使用Vuex。我有一个getter来返回对象，一个异步操作来从firebase获取数据，还有一个突变来设置状态。
然而，我已经看到了几个Vue 3代码示例，它们根本不使用Vuex，而是在应用程序中任何需要的地方(例如在navbar组件中)执行类似的
浏览 3提问于2021-09-07得票数 1
回答已采纳
2回答
我和我的团队正在着手进行中、大型应用程序的开发。它是一个Vue 2客户端呈现的应用程序和asp.net核心后端.客户端将用于管理数以万计的项目，他们的status.The应用程序还处于早期阶段，我们一直在考虑如何重新架构我们现有的客户端商店。
由于我们都是新来的，而且自学的，所以我们不确定Vue应用程序中数据管理的最佳模式是什么。
在VueJS应用程序中有推荐的数据管理模式吗？
我们目前的模式如下：
| |
浏览 0提问于2021-04-06得票数 1
回答已采纳
1回答
VUE3在文件间传递数据
、、、、
在Home.vue中，我从db.json获取数据，并将其存储到作业：[]数组中。
export default {
name: 'Home',
data() {
return {
jobs: [],
}
},
components: {
},
mounted() {
fetch("http://localhost:3000/jobs")
.then(res => res.json())
.then(data => this.jobs = data)
浏览 19提问于2022-10-30得票数 0
1回答
我有一个被简化为4个Vue组件的应用程序：
TextbookSelection
TextbookView
ChapterView
教科书标题
在我的TextbookSelection组件中，我调用API从我的数据库中检索所有可用的教科书。然后，我用数据填充前端，并动态创建路由器链接，如果用户单击其中的一个，就会将用户带到下一个vue组件TextbookView。我传入一个教科书数据对象，作为一个包含有关该教科书的信息的支柱，以便TextbookView组件可以使用它填充教科书数据，而不是再次调用教科书数据。
在我的TextbookSelection.vue中，这些rou
浏览 0提问于2020-08-30得票数 2
回答已采纳
我是Vue的新手，被这个东西卡住了。我想要访问存储在我的一个组件中的对象中的数据。我试图制作一个用于练习的购物车系统，并对一些游戏的数据进行硬编码，以便在应用程序中访问它。我的对象代码如下
products: [
{
id: 1,
name: 'Call of Duty: Modern Warfare',
price: 'Rs. 5,500',
shortDesc: &
浏览 38提问于2020-05-07得票数 0
回答已采纳
我的目标是修改/扩展一个生产vue.js应用程序的模板，并在第三方网站上使用greasemonkey脚本。
(因此我无法访问站点/应用程序的来源)
可以访问浏览器控制台中的Vue实例。
Array.from(document.querySelectorAll('*')).find(e => e.__vue__).__vue__
()
但我并没有让通用汽车公司这么做：
// ==UserScript==
// @name vue.js app instance test
// @version 0.1.0
// @grant none
// @namespa
浏览 11提问于2022-09-11得票数 1
回答已采纳
2回答
背景
我试图在AEM中制作一个动态导航组件。目前，我一直试图在文档和网上寻找信息，以帮助我，但一直未能找到多少。
我的应用程序将vue组件加载到AEM中，因此前端由VUE控制，数据通过道具传递。
我想把这些页面的页面和子页面传递到vue组件中，这样我就可以为任何链接创建一个带有下拉导航的动态导航。
示例
目前，我找到了一种使用java类加载根页面链接的方法。我就是这样做的
package services.agro.something.core.models;
import java.util.*;
import java.util.Iterator;
import com.day.cq.w
浏览 1提问于2018-05-19得票数 0
我目前在我的web应用上使用Vue进行面向对象的表单验证，所以我所需要的只是后端验证，而vue会处理剩下的事情。
这意味着，如果我的应用程序有很多表单，这些表单大多是页面特定的，那么我最终会在Vue实例中使用很多方法和数据。
new Vue({
el: '#mainDiv',
data: {
profile_text: '',
name: ''
//LOTS OF DATA THAT I'M LEAVING OUT
errors: new Errors()
浏览 1提问于2019-06-01得票数 0
我有一个vue应用程序设置如下：
import { createApp } from 'vue';
import RecommendedJobsWidget from './RecommendedJobsWidget.vue'
createApp(RecommendedJobsWidget).mount("#recommendedJobsWidgetInstance");
我的HTML是这样的：
<body>
<div id="recommendedJobsWidgetInstance">
&
浏览 4提问于2022-02-22得票数 0
1回答
我正在使用Vue和sass-loader，并且有一个相同样式的问题被多次注入到页面中。我正在使用SCSS，并尝试将所有部分导入到一个SCSS样式表中，然后将该样式表导入到我的main.js文件中，让Webpack来处理它，但它仍然在做同样的事情。我尝试将每个部分单独导入到我的Vue配置文件中，但没有任何变化。
(所有这些样式标签都会重复)
这是我当前的配置：
vue.config.js
css: {
loaderOptions: {
scss: {
additionalData: `
@import "
浏览 10提问于2020-08-01得票数 0
var app = new Vue({
el: '#app',
data: {
sharedData : ""
},
methods: {
goToPageB: function() {
if (some condition is met) {
window.location.href="pageB.html";
sharedData = 1234; <------- I want t
浏览 0提问于2016-12-04得票数 6
Irm尝试从我的vue应用程序中的另一个组件调用函数。 在我的library.vue中，我有一个函数可以打开一个带有id的弹出窗口： displayPopup(id: String) 在我看来，我有一个带有ID的route.param，当我调用mysite.com/12时，我想打开第12个弹出窗口。 在我的视图中，库组件被调用。 有没有人知道当我调用good URL时如何打开弹出窗口？
浏览 90提问于2021-07-05得票数 0
我正在开发我的Vue.js应用程序，并且在使用vuex路由器同步通过API获取数据时遇到了麻烦。
正如我在每个教程或示例中看到的那样，在created组件钩子上分派存储操作是很常见的事情。在我的例子中，这似乎不是一种选择，原因如下：
我使用标准的vue路由器进行路由，当我在页面之间导航时，不仅我的内容应该改变，而且我的侧边栏和标题也应该改变。因此，我实现了命名路由器视图的概念，如
routes: [{
path: '/',
components: {
page: Home,
sidebar: GeneralSide
浏览 0提问于2017-01-24得票数 3
我开始这个项目的方式如下。
vue init nuxt/express
我的目录是..。
components
|- slider.vue
|- list.vue
pages
|- index.vue
组件是，
index.vue
<template>
<my-slider/>
<my-list/>
</template>
<script>
import MySlider from '~components/slider'
import MyList from '~components/list'
浏览 1提问于2017-06-25得票数 1
回答已采纳
我使用免费咖啡API来获取数据。
每个咖啡饮料项目被填充在一个Vue卡组件中。卡片组件有一个counter: 0，用户可以使用它来increment()和decrement()。
Card.vue
import {store} from '../store'
import {ref} from 'vue'
export default {
data() {
return {
store,
count: ref(0)
}
},
props: ['drin
浏览 13提问于2022-04-08得票数 0
回答已采纳
我正在阅读一个客户端项目的静态站点生成器，我遇到了Vue.js和Nuxt.js，它们看起来很有前途。因为我可以在Vue.js和React之间选择，所以我现在更喜欢Vue。 客户的网站大约有120个页面，预定义的内容不会经常改变。因此，它似乎是静态站点的完美候选者--尤其是他目前的WordPress站点刚刚被谷歌猛烈抨击，因为页面加载速度非常糟糕…… “问题”或问题是，除了这120个页面之外，还需要一个页面，它基本上是一个通过API从后端动态获取数据的单页面应用程序。要编写这个动态页面，最好也能使用Vue.js。 我确实找到了很多关于静态页面或服务器生成页面的Nuxt.js的信息。但我的用例是
浏览 24提问于2020-12-01得票数 0
回答已采纳
我有一个网络应用程序，上传视频到JWPlayer。但我不知道如何正确地展示它们。我在数据库中存储了用户上传的视频键的列表，我想显示每个用户的视频列表。如下所示：
浏览 0提问于2019-07-29得票数 2
我想将Instagram为一篇文章提供的公开嵌入代码插入到我的vue.js应用程序中。Instagram为任何Instagram帖子右上角的3个点中的任何帖子提供了嵌入片段。
如果我将其粘贴到Vue模板中，就会得到以下错误：
“模板应该只负责将状态映射到UI。避免在模板中放置带有副作用的标记，例如，因为它们不会被解析。”
这意味着什么，我怎样才能绕过它在Vue？
我看过几个npm包，用于在Vue中嵌入Instagram帖子，但它们似乎都停止了使用Instagram的新的噩梦身份验证过程。如果我把它粘贴到一个普通的html页面(没有Vue)，它就能正常工作。
我在用Gridsome和Vueti
浏览 31提问于2021-07-30得票数 0
回答已采纳
1回答
在将vue应用程序迁移到react中时，我面临着这个问题。无法理解如何处理此属性以作出反应。
在我的vue图标组件中，有一个呈现函数来定义非支持属性。现在，我不知道如何在function呈现函数中处理这个属性。
这里是vue图标组件-呈现函数
render(h, { props, data, listeners, children = [] }) {
// other code.......
let iconName = props.icon || children.pop().text;
let options = {
class: [
浏览 9提问于2022-08-22得票数 1
回答已采纳
我有几个文件夹中的组件。假设我有：
.components
..folder1
...component1.vue
...component2.vue
..folder2
...component1.vue
...component2.vue
我希望我的应用程序根据路由动态地搜索组件，例如：
{ path: '/component1/:typeOfComponent/:param', component: () => import('./components/' + $route.params.typeOfComponent + '/compone
浏览 0提问于2020-03-30得票数 0
回答已采纳
3回答
我是Vue.js和Axios的新手。当在组件中使用时，我不太明白如何让data选项工作。
为什么我的测试不工作？
我在控制台中得到以下错误：
Vue警告："data“选项应该是在组件定义中返回每个实例值的函数。Vue警告:属性或方法“符号”不是在实例上定义的，而是在呈现过程中引用的。确保在data选项中声明反应性数据属性。(在根实例中找到)
我的简单测试：
My data (为了简洁起见)：
[{"id":1, "name": "Airfield"}, {"id":2, "name": "S
浏览 14提问于2017-02-22得票数 32
回答已采纳
1回答
<h1>Hello people</h1>
我正在学习使用nuxt.js，我的问题是如何使用与使用nuxt.js创建的应用程序的默认结构不同的自定义目录
The issue: index.vue can't load .vue components from my components custom dir
在nuxt.config.file中，我有以下内容：
/*
**Custom directory structure configuration paths
**Change as desires
**Important Note: This
浏览 0提问于2019-12-23得票数 1
基于Vue JS的单页应用程序通过vue-msal连接到Azure AD的代码如下：
app 打开这个web应用程序，第一次把我带到AAD登录页面，将我重定向回我的。
然后，我可以做一个successfully，打印出我的访问令牌等等，以验证登录成功并且令牌被获得了。
现在假设我关闭了browser选项卡。我的登录会话仍然存在(毕竟，我还没有删除任何cookie！)但是现在我的访问令牌不见了(大概是因为它被保存为变量而不是cookie)。当我打开一个新的选项卡并导航到我的应用程序时，如何重新获取访问令牌？
# main.js
import Vue from 'vue'
impo
浏览 1提问于2020-08-02得票数 0
回答已采纳
1回答
例如:我有一个像/content/supercontenturl/这样的url。如果此内容类型是视频(在我的数据库中的参数)，我将在页面上显示videoplayer和其他组件，但如果内容类型是文本或其他，我希望使用自己的组件加载此内容的特定内容，但url必须相同-/ page.vue /supercontenturl/
我的结构页面：
index.vue
/content/
/_supercontenturl/
_id.vue // The page for video
_id_text.vue // The page for text
浏览 18提问于2020-02-20得票数 0
我是vue的新手，我还不知道怎么把事情安排好。
我在做我自己的小vue项目，这是一个简单的书单应用程序。它就像一个简单的待办应用程序，但有更多的功能，如编辑，日历，分页，搜索(图书搜索api)等。
由于我来自( jsp，jstl，el，jquery)字段，我的图书列表数据处理的首要任务是制作两个组件，就像使用Spring (list.jsp(显示列表))、listForm.jsp(插入、读取、更新1jsp并使用jstl标记显示相应的数据)一样。
所以我就这么计划好了。
BookList.vue(parent) -> BookForm.vue(child)
然后，我在复选框检查数据时遇到了
浏览 5提问于2019-10-23得票数 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
回答已采纳
我想循环遍历一个对象数组，当我单击一个项目时，我想要显示一个填充了来自另一个组件的数据的页面。 这是我的router.js {
path: '/artists',
component: () => import('../views/Artists/ArtistsStart.vue'),
children: [
{
path: '',
component: () => import('../views/Artists/Artists.vue')
浏览 231提问于2020-01-06得票数 0
回答已采纳
2回答
Vue.js如何在实例上定义方法
、、、、
嗨，我正在尝试将json数据添加到元素中。我通过对外部API的jsonp调用获得数据。但不知何故，vue没有意识到变量的存在。因为这个应用程序是用laravel写的，所以我在laracasts上读到数据和方法属性应该是的，但这也不能解决我的问题。我使用的是vue.js2和laravel 5.4，我得到了以下错误：
app.js: Vue警告:属性或方法“名称”不是在实例上定义的，而是在呈现过程中引用的。确保在data选项.中声明反应性数据属性。
这是我的代码：
app.js
Vue.component('search',
{
template: '<
浏览 8提问于2017-06-08得票数 1
3回答
我正在开发一个Vue应用程序。它有一个标题，然后是主要内容。嵌套和结构如下
TheHeader.vue -> TheLogin.vue
MainContent.vue -> ShoppingCart.vue -> OrderSummary.vue
我需要从OrderSummary.vue访问TheLogin.vue中的元素
this.$refs.loginPopover.$emit('open')
给我一个错误的"Cannot read property '$emit' of undefined"，所以很明显我不能从其他组件访
浏览 1提问于2018-02-16得票数 17
回答已采纳
3回答
我正在将一个纯Vue应用程序迁移到Vuex，但我不确定将数据传递到下游组件的最佳方式。Vue的方式是将它们作为属性传递：
<component :my-prop="myProp"/>
Vuex的方式似乎是直接访问商店：
computed: {
myProp: function() {
return this.$store.state.myProp;
}
}
Vuex方式不是倾向于将视图(组件)和数据(存储)层耦合得更紧密吗？另一方面，向下游传递属性可能有点痛苦。
在Vuex中访问商店数据的推荐方式是什么？
浏览 5提问于2017-01-13得票数 4
1回答
我是Vue的新手，在检查了文档之后，我想不出如何实现以下目标：
将任意命名的变量作为支柱传递给组件实例。
据我理解，道具是一种允许将数据传递给组件的方式，正如它在网站上声明的那样：
将数据传递给带有道具的子组件:道具是可以在组件上注册的自定义属性。当一个值被传递给一个prop属性时，它就变成了该组件实例上的一个属性。
由于支持可以是required，我们似乎可以在假设某些数据存在的前提下设计组件，并且可能在某些参数内(如果指定了验证器选项)。
因此，我想在vue之外定义一个函数或对象，例如在一个应用程序中，并将这个函数或对象传递给我的vue实例。
如果我命名的函数对象的名称
浏览 1提问于2018-06-14得票数 0
回答已采纳
我刚刚接触vue，并且正在使用这个示例Notes应用程序，它可以在下面找到
我的问题是如何更改工具栏后面屏幕上显示的组件。我已经阅读了基本指南，但我仍然在阅读它。
假设我在左侧有一个名为message的按钮，并列出了另一个组件，如NotesList，它的名称为MessagesList。因此，当我单击消息按钮时，我希望NotesList消失，而MessageList出现，反之亦然。我不希望NotesList在屏幕上保持一致。
这里是App.vue和main.js文件，请查看github页面的模式代码。
<template>
<div id="app">
浏览 9提问于2018-02-05得票数 0
回答已采纳
1回答
我第一次玩vue，已经创建了一个简单的测试文件。我有一个表，该表由api调用中的数据填充，并使用vue路由器创建到每个项的链接，但这个链接没有显示内容。网络显示它正在向api发出请求，但由于某种原因，模板没有显示(甚至不显示硬编码的内容)。为什么？另外，为什么路由内容不显示在第一个路由器视图上，而只显示在tbl组件中的路由器视图？
<!doctype html>
<html lang="en">
<head>
<title>Vue.js test</title>
<meta charset=
浏览 2提问于2017-10-29得票数 0
回答已采纳
我的应用程序使用Laravel和VueJs，我想集成一个角色和权限部分，并为此使用。
在应用程序中，每个用户可以有多个角色(比如: admin、教师、编辑器)，每个角色都有一些权限。
我尝试了一些来自的东西，Shuyi的答案，但是我得到了一些错误。
问题是如何检查VueJS中的角色
控制器
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class TeachersController extends Controller
{
function check($permissionName)
浏览 3提问于2020-07-12得票数 1
我有一个应用程序，它有一个父组件(app.js)和两个子兄弟组件( Modal.vue和Cart.vue)。
我正在从Modal.vue中的一个调用中得到一个响应，该调用需要在Cart.vue中立即触发一个函数。做这件事最好的选择是什么？我目前不使用Vuex，我知道这会使这更容易。
浏览 7提问于2020-05-06得票数 0
回答已采纳
2回答
我想知道在Vue js应用程序中访问DOM可以吗？例如，如果我想将一个元素(div)附加到body标记中，这建议在Vue js方法中使用document.getElementById吗？
我没有可用于根据数据生成或删除元素的数据。我真的想知道使用document访问Vue js中的DOM是否很常见？
就像这样：
methods:{
appendToBody(){
let node = document.createElement("div");
document.getElementById("#body").appendChild(node);
浏览 0提问于2019-03-18得票数 4
回答已采纳
因此，我有一个vue实例，该实例在遗留项目中具有全局注册的组件。由于它是遗留的，所以它主要使用jsrender在一些ajax请求之后呈现html。
但是，即使组件已经在vue实例中注册，当组件作为原始的html <component-a></component-a>插入时，vue也不会在该数据获取之后呈现新的组件实例。
我该如何使vue渲染这个？
我需要这样才能逐步将VueJS注入到遗留项目中。
进一步解释：
我有这个html块(jsrender模板)，如下所示:从初始页面请求到的页面
<script id="some-name-tmpl" typ
浏览 14提问于2022-06-18得票数 2
在我的Vue应用程序中，我有一个触发路由更改的按钮。我希望按钮元素可以作为路由更改的“事件目标”在组件的$route对象中访问(类似于单击事件中的event.target )。
这有可能吗？
若否，怎样才能找出路线改变的原因？
浏览 2提问于2022-03-21得票数 0
回答已采纳
我是Vue JS的新手，现在面临一个问题，这个问题看起来应该很容易，但我找不到解决办法。
这就是我想要做的，原因是：
我希望首先从服务器/本地加载一些数据，编辑数据，并将数据显示给用户。但是哪些数据是由用户决定的(通过按钮，例如单击事件)
因为显示数据的方式有点复杂(我指的是HTML代码，UI)，所以我决定创建一个全局组件来处理它，这样我的Vue实例就不会被弄糟了。
我已经完成了组件的一部分，但问题是，每次我刷新页面时，都会发出警告，表示有些参数是未定义的。
当然，在开始时没有定义它们，因为用户还没有选择加载哪些数据。
有经验的人能告诉我。我如何告诉Vue在单击事件之后
浏览 0提问于2018-08-07得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
