1回答
我正在浏览Vue.js的正式文档，并在Vue实例的生命周期中找到了关于不同阶段和步骤的。我理解Vue的基本特征，但我无法理解图中提到的许多阶段的含义。例如，“将模板编译成呈现函数”或"Virtual重新呈现和修补程序“。我不知道他们是什么意思。
我知道文档中说您现在不需要完全理解所有的东西，但是我希望某个Vue(或前端)专家能够用简单的语言简要地解释这些步骤。
浏览 3提问于2017-11-25得票数 5
回答已采纳
使用vue.js实例针对DOM元素“挂载”意味着什么？(即使是用简单的英语？)例如，在以下方面：
这段代码创建了一个Vue的新实例，用app的ID在元素上挂载它。
const = new ().$mount(‘# app’)；
当Vue实例具有el选项时，它将自动将挂载到该元素
浏览 2提问于2018-03-06得票数 10
回答已采纳
我目前正在测试Vue.js，并在我的项目中使用了一些参考资料。我不确定每次在我的方法中调用ref时，是否执行了DOM查找，或者vue存储了所有ref一次，然后访问了引用。
我无法在文档中找到答案，也无法通过谷歌找到答案。
示例
myDiv = this.$refs.myDiv
我是否需要自己将ref存储在变量中，还是在多次调用ref时不影响性能？
浏览 0提问于2018-06-14得票数 4
回答已采纳
我在我的项目中使用了Django，Vue和语义UI，基本上我发现在由Vue实例控制的div中，高级语义UI功能，如带有标题的弹出工具提示不起作用。如果我注释掉vue实例的初始化，一切都会正常工作。 $(function() {
$('.button')
.popup({
on: 'hover'
});
// If you uncomment Vue instance initialization below, you do not see the button toolip
//new Vue({
浏览 18提问于2020-10-30得票数 0
我目前正在使用Vue JS，并且我没有使用任何路由器。我不是使用独立的构建，我想实现与webpack，并使用它与.vue扩展。寻找使用变量呈现Vue模板的更好方法。例如：
// App.Vue
var Loading = {
template: `<div>Loading...</div>`
}
// main.js
var currentView = Loading;
new Vue({
el: "#app",
render(h) {
return h(currentView);
}
});
上面的例子运行得很好，没有任何
浏览 16提问于2017-08-16得票数 0
1回答
假设我有两个vue模块：
parentModule.vue
<template>
<svg>
<child-module v-for="i in ['a', 'b']" :key="i"/>
</svg>
</template>
...
childModule.vue
<template>
<g>
//...some valid svg content
</g>
</template>
...
浏览 0提问于2019-08-22得票数 0
回答已采纳
1回答
我尝试在运行时只构建的情况下使用单个文件组件。当我使用完整的vue构建时，所有的事情都会像预期的那样工作。我以为单个文件组件是预编译的。当我只使用运行时构建时，为什么不呈现组件。
这是我的设置：
webpack.config.js：
const webpack = require('webpack');
const webpackConfig = {
entry: "./src/main.ts",
output: { filename: "dist/bundle.js" },
resolve: {
alias: {
vue
浏览 1提问于2017-06-21得票数 2
我目前正在做一个项目，可能需要一些帮助。
我有一个带有端点的后端，它提供了一个包含大约13k条目的字符串数组。我在DropdownSearch.vue中创建了一个组件，它应该在几个不同输入的不同视图上使用。为此，我使用了vueform/multiselect.如果我只尝试在没有任何信息的情况下添加下拉列表，它就会完美地工作。另外，如果我访问端点和console.log()，它将正常工作，并为我提供一个输出。但是，如果我尝试将输出初始化到下拉列表，整个页面将停止工作，端点不会给我一个响应，应用程序就会冻结。
DropdownSearch.vue
<div>
<Mul
浏览 9提问于2021-12-16得票数 0
回答已采纳
1回答
我想根据使用vue.js的数组条目的数量动态地创建方框。
一个数组
'101'，'102'，'103‘
从浏览器控制台传递到vue.js脚本，然后创建三个方框，第一个框上有文本101等等。
浏览 0提问于2018-03-20得票数 0
当我在.vue文件中有一个具有数据成员isLoading: false的Vue组件和一个模板时：
<div v-show="isLoading" id="hey" ref="hey">Loading...</div>
<button @click="loadIt()">Load it</button>
还有一种方法：
loadIt() {
this.isLoading = true
this.$nextTick(() => {
console.log(this.
浏览 1提问于2018-12-07得票数 3
回答已采纳
2回答
如何在Vue.js中访问DOM
、、、、
我正在尝试使用Vue.js访问DOM。我在mounted()生命周期中编写代码，但是没有得到任何结果。
使用普通的JavaScript可以很好地运行代码。
我使用v-html指令在span标记中插入html。
<span class="email" v-html="text"></span>
然后在挂载的生命周期中
mounted() {
let images = document.getElementsByClassName(
"mcnImageCardBottomImageContent"
浏览 6提问于2020-09-08得票数 0
2回答
我们正在进行一个axios调用，该调用引入一个巨大的对象，用于使用Bootstrap呈现一个非常长的UI。
问题是，在收到axios调用之后，UI继续呈现得很好。
是否有一种方法来检查是否在Vue中完成了所有的呈现？安装的钩子在这里不起作用。
更多背景：
给了我最好的反馈。当完成#6 AJAX时，我知道UI是完成呈现的。但是我如何将Laraven的调试器和Vue的钩子同步呢？
浏览 5提问于2021-08-17得票数 1
回答已采纳
当我试图添加'@ click‘来切换汉堡吧或关闭图标时，我试图用vue js进行响应式导航，但每次我点击它时，它都会添加’关闭‘图标。 下面是代码 模板部分 <template>
// ----
<button @click="toggleButton">
<i v-if="!toggle" class="fas fa-bars"></i>
<i v-if="!toggleClose" c
浏览 7提问于2020-04-03得票数 0
1回答
向vue3添加Jquery验证
、、、、
我习惯于在html、css和javascript上编程。我最近学到了Vue.js。有没有方法将jquery表单验证器和其他jquery库(如jquery步骤)导入到我的vue项目中？
浏览 15提问于2022-01-12得票数 0
1回答
我已经创建了以下vue组件。 当我在ajax响应之后更新时，下面的代码不会更新数据。 更新数据后有什么具体的方法需要应用吗？ 我使用的是基于类的vue cli 3组件。它也没有给出任何错误。只是数据没有更新。 有没有什么方法需要我们使用vue反应性来更新数据，或者挂载的事件不起作用？ 即使我将空数组作为子数组，名称也不会更新。 <template>
<el-tree :data="MyData" :props="defaultProps"></el-tree>
</template>
<scr
浏览 13提问于2019-04-19得票数 3
回答已采纳
我有简单的html代码：
<script src="vue.js"></script>
<div id="app1">
<h1 ref="heading">{{ title }}</h1>
<button v-on:click="change" ref="myButton">Change Title</button>
</div>
<script src="app.js"><
浏览 1提问于2020-04-29得票数 0
回答已采纳
1回答
我做了一支笔，所以你可以看到我在说什么：https://codepen.io/cristian-ayala/pen/rNOWwOO?editors=1111 输入和段落都绑定到来自Vue (anioPicker)的值，但1秒后我使用jquery更改了值，但vue没有检测到更改，或者可能我没有正确注册事件。段落仍然显示2020年，即使我已经改变它，但在实际情况下仍然是2020年。Vue仅在我键入或删除某些内容时才会反映更改。你能告诉我我哪里做错了吗？ 谢谢你的帮助。 var vm = new Vue({
el: '#appRESBAR',
data: {
浏览 29提问于2020-04-22得票数 0
回答已采纳
我有一个非常简单的页面，它能正常工作：
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://unpkg.com/vue@next"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.7.0/dist/chart.js"></script>
</head>
<body>
浏览 3提问于2022-01-25得票数 0
回答已采纳
1回答
我正在用Vuex学习Vue，我做了一个叫做‘llamarJson’的方法。这个方法得到一个json数据。我不知道如何在页面加载时使用它。我尝试了很多方法，但我找不到解决方案。我使用的是Vue和Vuex。请你帮我一下好吗？
这是html代码：
<!DOCTYPE html>
<html>
<head>
<title>Vue</title>
<!-- Vue -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.j
浏览 4提问于2020-12-17得票数 1
回答已采纳
1回答
是否可以在input的定义/属性中访问它的值？
例如，如果希望输入为绿色(如果不是空的话)，但不希望使用Vue.data。
如下所示：
<v-text-field background-color="'green' ? <THISVAL> : 'red'"></v-text-field>
还是需要v-model和在Vue.data中定义的变量？
浏览 3提问于2021-05-07得票数 1
回答已采纳
我创建了一个带有数组类型的支柱的子组件。我希望每当使用updated从父数组修改该数组时，push()生命周期事件就会触发。这是不可能的。我可以看到这些更改在父状态下生效，但是这些更改似乎没有被子组件检测到。我遗漏了什么？
示例代码
我的观点
<div id="app">
<child :items="items"></child>
<button type="button" v-on:click="addItem()">Add Item</button>
&l
浏览 1提问于2016-12-19得票数 0
回答已采纳
我读了一篇关于reactjs.Reactjs中的dom更新的文章，它更新了单个事件循环中的所有更改。我了解javascript中的事件循环以及它在核心javascript.Can中是如何工作的。
浏览 19提问于2018-12-19得票数 0
1回答
我在用Webpack。
我松散地遵循本教程将Vuejs配置到我的构建中：
我能够让它正常工作，但是当我尝试呈现一个模板时，我收到了一个错误(在浏览器中)：“在模板编译器不可用的情况下，您使用的是仅运行时构建的Vue。”
node_modules下的实际Vuejs安装有几个变体，包括编译器的完整包，这正是我想要的。
然而，Webpack决定包括运行时版本。
如果我修改node_modules/vue/package.json，并将其main密钥从dist/vue.runtime.common.js更改为dist/vue.common.js，将module密钥从dist/vue.runtime.e
浏览 1提问于2019-12-14得票数 0
回答已采纳
我有一个有两个按钮的动态表单的Vue应用程序，我需要在请求中发送被单击的按钮。为此，我更新了一个隐藏输入字段的值，然后使用jQuery提交表单。但是，由于某些原因，当我第一次单击将隐藏输入设置为true的按钮时，它最初会发送false，但随后的单击将发送适当的值。
下面是我在没有实际jQuery请求的情况下所做的事情的一小段。我可以看到值被正确地更新，所以我不确定这是竞争条件还是我遗漏了一些明显的东西。
<form id="myVueForm">
<input type="hidden" name="submitEdit"
浏览 6提问于2018-09-07得票数 2
回答已采纳
2回答
我从源代码中读到，如果我更新任何组件的状态，那么整个虚拟都会呈现吗？是真的吗？如果是，那么为什么没有调用所有组件的呈现方法？
另外，还需要对以下几点加以澄清-
什么是虚拟Dom？有什么实际的例子吗？
我假设，如果我们比较虚拟的多姆和实际的多姆，虚拟的多姆更新的时间比真实的多姆少。但如何才能证明这一点呢？
如何使用差分算法只更新发生更改的各个组件(如果我使用setState方法)
任何视频讲座都会非常感谢。
浏览 6提问于2017-09-22得票数 5
回答已采纳
1回答
我刚刚阅读了Svelte JS文档，其中提到的三个加分点之一是在这个框架中没有虚拟DOM，这使得我们的应用程序更快、更轻。但我发现一些参考资料说，虚拟DOM是一种加速应用程序和高性能的方法(例如React JS或Vue JS)。那么哪一个理论是正确的呢？谢谢
浏览 28提问于2020-07-24得票数 0
1回答
在学习vue.js的过程中。
为了理解基本的Vue.js组件，我学习了影子DOM。我认为影子DOM类似于虚拟DOM。因此，我试图搜索与阴影DOM和虚拟DOM不同的许多信息。但是，很难找到正确的信息，这就是我问的原因。
我认为阴影DOM和虚拟DOM之间类似的原因是为了解决当前的DOM结构问题而创建的。
当前的DOM结构问题在现代web应用程序(如SPA())上很难解决，因为现代的web应用环境产生了大量的节点。
因此，创建了虚拟DOM。它是DOM结构的抽象，意思是“我们不直接处理DOM结构”。
但是，我认为这也适用于阴影DOM。因此，我认为虚拟DOM与阴影DOM的区别在于阴影DOM是W3C标准，
浏览 0提问于2018-05-17得票数 1
回答已采纳
1回答
为什么当我在inspect元素中复制vue生成的HTML时，所有@click事件都消失了？
有人知道vue是怎么工作的吗？
浏览 11提问于2019-11-29得票数 1
回答已采纳
正如我们所知，react在虚拟Dom上工作，而不是真正的Dom。当状态或属性发生变化时，،会在虚拟Dom中发生变化。当调用setstate()方法时，我们可以考虑将此更改应用于实际的Dom吗？
浏览 27提问于2021-08-21得票数 0
回答已采纳
关于forceUpdate，这些文档有以下内容：
调用forceUpdate()将导致在组件上调用render()，跳过shouldComponentUpdate()。这将触发子组件的正常生命周期方法，包括每个子组件的shouldComponentUpdate()方法。只有在标记发生更改时，React才会更新DOM。
这是否意味着组件的子组件也调用了它们的呈现函数？
浏览 3提问于2017-10-27得票数 2
回答已采纳
1回答
请参阅此问题的示例。
我有一个<count-down>组件，它只显示一个计时器(当然，它每秒钟更新一次)。如果我在页面上同时有三个这样的计时器，它们就会像预期的那样工作。但是，如果有三个在不同时间显示在页面上(即使用v-if语句)，计时器就不能像预期的那样工作。第一个计时器工作得很好，但是后续计时器的生命周期挂钩永远不会触发。我怀疑Vue试图变得聪明并重用我的第一个组件，因为它已经不在页面上了。我能做些什么来改变这种行为？
浏览 5提问于2017-03-09得票数 1
回答已采纳
当我看到我的代码多次运行来渲染/更新一个UI时，我很害怕。我有一个组件，它接受一个新的props id用于API调用。当组件收到道具时。它不必要地运行了render，我使用componentDidUpdate来调用它第二次运行render的应用程序接口。这不是让你的程序变慢了吗？或者是我的react应用结构不正确，根本不了解react。
此外，我还有一个允许条件渲染的setState，所以当我切换setState以显示API结果时，它的render -当它接收id props render时-当我setState to loading render时
因此它3呈现为1个UI更改。
浏览 0提问于2019-04-01得票数 0
我是一名学生，我正试图为我的大学项目创建自己的虚拟DOM (它将没有任何像道具或事件这样的高级特性，我将保持它的简单性)，就像其他著名的框架React、Vue和其他。
我只想知道，当我们有多个文件的代码(代码分裂)。如果我对任何深层子元素进行了更改，而不是需要比较完整的虚拟DOM (包括所有的子元素和父元素)，或者只需要比较该子元素。
如果我必须将完整的新虚拟DOM (包括所有的子程序)与以前的虚拟DOM进行比较。那么，为什么我要关心React或Vue中的重新呈现(因为子元素的任何更改都会迫使框架比较完整的虚拟DOM )
浏览 7提问于2022-01-19得票数 0
2回答
在Vue中有没有在元素重新渲染后触发的事件？我有一个更新的对象，这会导致我的模板更新。在它更新之后，我想触发一个运行jQuery函数的事件。代码如下所示：
template: `
<div class="undo-margin">
<div class="gradient">
<img v-bind:src="blogPost.thumbnail"/>
<h1 class="align-bottom">{{blo
浏览 0提问于2017-06-21得票数 56
回答已采纳
1回答
我三个月前才开始学习javascript，两天前开始学习react.js。我创建了一个简单的TODO应用程序，它做了正确的输出，但我没想到。请有人解释一下，为什么当我删除一行时，它会在DOM中被删除，而在React中不会被删除。我会为代码附加要点，您会注意到我没有尝试删除数据数组上的任务/记录，因此在下一次呈现时，我希望删除的任务会出现，但它们不会出现。
浏览 0提问于2016-10-14得票数 0
回答已采纳
1回答
我有许多组件的父组件，我通过单击元素在它们之间进行切换。这些文件是Vue文件。
我想要的是在组件被使用的时候激活它们。
举个例子：
当我从导航栏单击主页时，零部件切换到主页的零部件(已经这样做了)，并使其具有边框，以便将其标记为激活的零部件(有人说激活的选项卡)
我想通过以下步骤做到这一点：
首先)我得到所有元素的集合
第二，我使用filter保存class = current data (这是我用来在它们之间切换的数据)的元素。它应该只有1个项目，这是活动项目。
第三)将CSS样式应用于该element...etc
这是父组件的代码(我删减了CSS样式btw以使其更短)：
<templ
浏览 2提问于2018-08-08得票数 0
1回答
我不知道这是否是标准特性，但Vue在创建实例时会替换"el“指定的元素，而不是在实例内部渲染。
如果我使用id来引用"el“，那么它工作得很好。也就是说，
new Vue({el: "div#app", render: h => h("span", {}, "Hello World")})
它将呈现为：
<body><div id="app"><span>Hello World</span></div></body>
但是如果我使用JS元
浏览 2提问于2020-12-24得票数 2
我想知道javascript和DOM之间的主要问题是什么--角/ React / Vue试图解决，请指导我，我是一个新的学习角度。
浏览 0提问于2018-11-14得票数 0
回答已采纳
1回答
我正在尝试将Vue组件挂载到由v-html指令呈现的元素中。父Vue组件是一个表。每个表格单元格都有丰富的文本内容(包括图像)。
如果在文本中有图像，我需要添加一个现有的版权组件，这将打开一个覆盖。所以它不可能是普通的HTML。
该组件看起来如下(简化)：
我该怎么做？
<script lang="ts" setup>
import { onMounted, ref } from '#imports'
const tableEl = ref<Array<HTMLTableElement>>([])
const i
浏览 7提问于2022-11-02得票数 0
编辑是因为我原来的问题措辞不对。
我试图理解为什么使用ReactDOM来呈现某些HTML，而其他呈现则是在ReactDOM中完成的。这里有什么东西我遗漏了吗？
我最近学习的一个React课程中的一个例子，这是其中一个使用react dom的练习中的代码：
import React, {Component} from 'react'
import {render} from 'react-dom'
var Bookstore = [
{"title":"Mr. Bean", "author":"Rowa
浏览 0提问于2019-08-28得票数 2
回答已采纳
你对Vue 3(或composition api)中的模板渲染有什么看法，特别是它的速度和轻量级？ 我们用一些简单的组件(比如ui-box，ui-button等)创建了一个站点构造器。在Vue 2中，对于大多数组件，我们使用函数组件通过h()函数进行渲染，以使它们的渲染更快、更轻，因为我们希望场景中有很多这样的组件。据我所知，在Vue 3中，模板渲染速度更快，性能更好。 你对此有什么看法？当Vue 3到来时，我们应该仍然使用h()，还是可以使用通常的模板渲染？
浏览 100提问于2019-12-08得票数 4
回答已采纳
嗨，我有一个现有的项目，它使用了大量的知识。
我试图在项目中添加vuejs，并在时间上慢慢地将所有内容转移到vuejs。
我将vue添加到包含整个页面的包装器元素中，并创建了一个vue组件。
我的目标是在页面上的任何地方使用该组件，而不是破坏我的敲除代码。
当我将vue el标记应用于包装页面和ko.applyBindings脚本的主元素时，我遇到的问题是没有定义我的敲除绑定。(vue元素工作正常，但所有ko脚本都抛出一个错误)
我正在使用已编写的模板和vue-cli与webpack-简单。
我对vuejs非常陌生，但我认为这是因为vue正在尝试解析页html中的knockoutjs代码。
控
浏览 0提问于2018-08-21得票数 3
我使用的是Laravel & Vue.js。当我将一些元素附加到页面并使用jQuery Vue.js更改DOM时，像@click & @blur这样的事件将不起作用。 有什么方法可以更新DOM吗？ dropzone_success(file, response) {
$('.dz-details').append('<button type="button" class="thumb_button" id="'+response.path+'" @click="someme
浏览 130提问于2019-02-22得票数 0
通过AJAX加载大量数据(+-15000条记录)，然后使用AJAX填充两个数组，一个按ID排序，另一个按名称排序。这两个数组都包含相同的对象，只是排序不同。
数据显示在树视图中，但用户可以更改层次结构。树在第一级被虚拟化，所以只有显示的+ 50%的记录被“物化”为vue组件。
将这两个数组作为数据提供给vue实例是非常缓慢的。我怀疑vue.js向对象添加了两次观察者，或者更改通知被多次发送，我真的不知道。
因此，只有一个数组被添加到vue，另一个被用于带外。
Vue大大减缓了数组中元素的添加速度。如果数组是在绑定到vue实例之前填充的，则在显示树视图之前需要+-20。如果我在填充数组之前绑定它
浏览 16提问于2017-08-24得票数 0
我正在尝试如何在文本输入中变异一个道具，而不会导致组件重新呈现。
这是我的密码
//App.vue
<template>
<div class="row">
<category-component v-for="category in categories" :key="category.title" :category="category" />
</div>
</template>
export default {
name:
浏览 3提问于2020-09-02得票数 1
回答已采纳
1回答
我是d3新手，并试图在vue-cli中创建d3 SVG。
浏览器不会按照下面的代码显示任何内容，但是它可以在没有vue的HTML上工作。
有人能告诉我我的编码怎么了吗？
非常感谢!
<template>
<div>
<div id='chart' ></div>
</div>
</template>
<script>
import * as d3 from 'd3'
export default {
name: 'priceChart
浏览 0提问于2018-05-19得票数 0
回答已采纳
在用户做出选择后，我正在尝试重置“选定”项。这是对下面的Vue函数tS()的调用。第一个调用$('#sel1').prop('selectedIndex',0);只有当我在控制台中执行它时才能工作，而第二个$('#current-schedule-holder').text('Current : '+scheduleToTime(msg));工作得很好，这意味着它可以工作。此外，我的console.log($('#sel1'))显示，当函数执行时，第一次调用的元素(不工作的元素)已经在DOM中。 tS: func
浏览 17提问于2019-09-26得票数 0
回答已采纳
React有类似于this.props.children的东西：
Vue.js是否也有一些类似的访问子元素？
浏览 2提问于2016-08-16得票数 11
回答已采纳
你能告诉我在data vue中创建的用法是什么吗？ created() {
if (this.$store.state.auth.loggedIn) {
if ((this.usersId = this.$store.state.auth.user.results.userId)) {
this.owner = true;
}
}
UserService.getDiscussionDetail(this.$route.params.id).then(
(response) => {
浏览 25提问于2021-08-09得票数 0
2回答
场景：
我在universal模式下使用Nuxt。该应用程序与无头CMS一起工作，提供了应该呈现的组件的简单布局，以及组件名称和它们的支持--如下所示：
[
{
"tag": "div",
"class": "col",
"component": "dogs",
"props": {
"dogs": [
{
"id": 1,
"name
浏览 2提问于2018-10-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
