1回答
与在单独的js文件中声明函数相比，在vue.js实例中在方法下声明函数有什么不同？使用vue.js方法有哪些好处？
浏览 2提问于2017-11-02得票数 0
回答已采纳
在Vue.js 2中，我以前能够在类外调用initialize()方法，如下所示：
<!DOCTYPE html>
<head>
<script src="https://unpkg.com/vue@next"></script>
<title>test</title>
</head>
<body>
<div id="app">
<div>{{message}}</div>
</
浏览 4提问于2020-11-27得票数 2
回答已采纳
在Vue.js中，我有以下代码(带有类型记录Vue.js 2和类组件)：
toggle(id: string): void {
if (this.selectedIds.has(id)) {
this.selectedIds.delete(id);
} else {
this.selectedIds.add(id);
}
}
和
get handledUsers() {
return this.users.map((user) => ({
...user,
selected: this.selectedI
浏览 2提问于2021-12-27得票数 1
1回答
我想问您，在VUE.JS组件'A‘中，是否有可能调用另一个使用组件'A’的VUE.JS组件'B‘的方法。
谢谢
浏览 5提问于2020-10-09得票数 0
回答已采纳
2回答
Vue呈现按钮
、、、
我的问题是在vue实例上呈现一个按钮，点击一个按钮，然后再用事件单击呈现另一个按钮，如果我简单地挂载这个按钮，它就不会得到函数tes。
const Hello = {
props: ['text'],
template: '<button v-on:click="tes"> </button> ',
};
new Vue({
el: '#app',
data: {
message: 'Click me'
},
methods:{
alerta
浏览 1提问于2018-06-15得票数 0
回答已采纳
通常，使用Vue.js时，您会在标记中引用类似Blazor的组件，如下所示： <UserImageComponent>
...
</UserImageComponent> 但是，Vue.js具有动态加载组件的能力： <component v-bind:is="UserImageComponent">
...
</component> Blazor有这样的东西吗？
浏览 19提问于2020-01-27得票数 2
回答已采纳
1回答
我有一些重复的功能，许多组件将使用。因此，我的第一个想法是，我应该创建一个基本组件，并让我的组件继承/子类。
但也许这在vue.js中是不可能的，也许这不是vue.js做事情的方式吗？如果我解释一下我的用例，你能建议我如何最好地在vue.js中实现这一点吗？
BasePage.vue
<template>
...
</template>
<script>
export default {
name: 'animated-page',
watch: {
'$route' (to, from) {
浏览 2提问于2018-04-12得票数 2
1回答
我有两个Vue.js组件，大堂和游戏。我想使用游戏作为一个模型，它包含所有的逻辑来创建一个游戏并通过Lobby组件触发它。
如果运行该应用程序并单击该按钮，将得到以下错误
Uncaught TypeError: game.createGame is not a function
at click (eval at createFunction (vue.js:9923), <anonymous>:2:76)
at HTMLButtonElement.invoker (vue.js:1827)
如何从Lobby组件访问游戏方法？谢谢!
let Game = {
浏览 4提问于2017-09-23得票数 0
回答已采纳
1回答
我对使用Vue.js还比较陌生。我正在开发一个webapp (后端使用Laravel )，我想知道在安全性方面，使用Vuex和简单的Vue.js状态管理有什么区别。让我解释一下:在注册/登录期间，我想保存用户标识符(id或访问令牌)：我能用Vue.js管理标识符吗?或者使用Vuex更安全？我是否可以将标识符直接保存在Vue.js的Vue.js组件中(因为它的值不需要更改)？
谢谢大家
浏览 5提问于2021-05-31得票数 0
回答已采纳
我对Vue.js还有点陌生，所以我可能从根本上误解了它的反应性，但基本上，我想将一些数据从PHP传递给Vue.js组件，并且当数据发生变化时，会自动更新Vue.js组件。
我看过几篇类似的文章，因此建议我使用props将数据从Laravel模板传递给Vue.js组件。下面是一个例子：
我已经很好地完成了这个任务，但是现在我一直在研究如何让组件在页面加载后动态变化时进行更新。
具体来说，我在一个特定的网页上有一个报告表，当用户单击某些按钮等时，我使用Ajax调用一个Laravel控制器操作，该操作在我的Laravel模型中重新运行一个查询，以获取报表的新数据。
我有一个PHP数组/ JSON中
浏览 3提问于2019-02-14得票数 0
回答已采纳
2回答
使用Vue.js，可以从全局javascript范围访问实例化的Vue.js组件对象吗？还是Vue的内部元素实例化对象的方式使它们无法访问？
也就是说，我有定义组件的代码
Vue.component('component-name', {
/*...*/
});
然后标签使用该组件
<component-name>
/* can user templates with component objects vars {{foo}}
</component-name>
Vue的模板呈现代码最终是访问javascript对象。有什么方法可以让我通
浏览 7提问于2017-06-26得票数 1
回答已采纳
5回答
我需要输出一个表，它的内容可以通过Ajax更新。所以我计划使用vue-tables-2 ()，这是一个Vue.js插件。
使用Laravel方法，我正在编写一个Vue.js自定义组件，那么如何在组件中使用vue-tables-2插件呢？
这里是一个如何使用插件的例子。不幸的是，在本例中没有将插件包装在组件中。
浏览 1提问于2018-01-02得票数 11
回答已采纳
1回答
我是Vue.js的新手。我目前正在使用Vue.js在asp.net核心之上。
我注意到，在99%的时间内，在呈现Vue.js语法之前就提供了页面。我怎样才能防止这种情况发生呢？
，例如
当第一次加载页面时我看到
<ol>
<li v-for="u in subscribers">{{ u.name }} - {{u.email}}</li>
</ol>
然后，在一瞬间，我看到
<ol>
<li>John - john@domain.com</li>
<li>John1 - joh1n
浏览 1提问于2019-02-19得票数 0
回答已采纳
3回答
我是Vue.js的新手。我对Vue组件之间的通信做了一些简单的练习。但我仍然有一个问题，谁是孩子，谁是家长。例如，我有以下代码：
HTML:
<body>
<div id="root" class="component">
<coupon @applied="onCouponApplied"></coupon>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js
浏览 7提问于2019-08-14得票数 1
回答已采纳
我正在尝试创建一个Hello应用程序，就像在Vue.js站点上的get开始文档中一样。一切看起来都很好，但是文本没有显示在页面上，只有html代码。
Vue版本: 1.0.26
以下是html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Vue!</title>
</head>
<body>
<div id="app">
浏览 4提问于2016-09-15得票数 1
回答已采纳
3回答
我有一个相当大的vue.js 2应用程序，它具有动态选项卡机制。用户可以与应用程序打开和关闭选项卡进行交互，每个选项卡代表一个路由。为了实现这一点，我使用vue路由器并保持活力，如下面的示例。
<template>
<div id="app">
<keep-alive>
<router-view :key="routerViewKey"/>
</keep-alive>
</div>
</template>
当用户单击“关闭”选项卡按钮时，将调用
浏览 20提问于2020-12-06得票数 6
因此，Vue.js有自己的样式指南，其中明确指出(在“基本”部分)，可以防止“与现有和未来的HTML元素发生冲突，因为所有的HTML元素都是一个单词”。
然而，他们使用<component>标记来表示。我在现有的HTML标记列表中找不到<component>。这是否意味着，如果有一天HTML采用<component>标记，Vue.js将尝试解析它们并破坏它们？
请澄清。
浏览 2提问于2018-12-06得票数 11
回答已采纳
1回答
我已经在Laravel中创建了一个产品卡片视图。这张卡片有一个简单的"accordion“(”显示详细信息“)-默认情况下是关闭的-由Vue.js管理，以及一个Vue.js数量计数器，如果您添加产品，它会更改重量值(以克为单位)。它在卡片视图上运行得很好，看起来像这样(关闭)： ? 我有另一个视图，在这个视图中，我用Vue.js查询数据库中的产品名称，以显示具有相同名称的所有产品。问题是，当卡片显示在“父”视图上时，它们都是打开的，并且计数器没有响应。看起来是这样的： ? 正如您所看到的，tailwindcss代码呈现没有问题，但是Vue.js被完全忽略(尽管父视图的Vu
浏览 14提问于2020-07-23得票数 0
回答已采纳
1回答
覆盖全局Vue组件是否安全？
、、、、
假设有一个全局组件BIcon.vue随处可见。
还有另一个组件，但不是全局的，叫做BIconFake.vue。
我们可以这样通过BIcon.vue来覆盖BIconFake.vue：
<template>
<div>
<b-icon icon="plus"><!-- <- Here is it BIconFake component! -->
</div>
</template>
<script>
import BIcon from '~/components/BIc
浏览 1提问于2019-09-02得票数 0
回答已采纳
1回答
在Vue 3中安装组件库
、、、、
我是Vue.js新手，试图将Vue.js 2迁移到Vue.js 3。我已经仔细阅读了关于如何迁移的Vue.js说明；然而，我需要迁移的应用程序包含了一个组件库，我也需要在迁移的应用程序中挂载它。
这是Vue.js 2 main.js文件：
import './styles/imports.scss';
import * as components from './components';
import * as layoutComponents from './layouts';
import
const ComponentLibrary =
浏览 0提问于2022-07-22得票数 0
回答已采纳
1回答
当我设置strict: true时，我会得到错误：
vue.js:525 [Vue warn]: Error in watcher "state"
(found in root instance)
warn @ vue.js:525
run @ vue.js:1752
update @ vue.js:1720
notify @ vue.js:584
reactiveSetter @ vue.js:814
Transform.resize @ transform.js:169
e.resize @ map.js:343
e._onWindowResize @ map.js:12
浏览 2提问于2016-12-29得票数 1
回答已采纳
我以前在香草JS中做了一些拖放功能，我在其他项目中使用过。现在我已经启动了一个Vue.js项目，我希望使用相同的拖放功能。
是否可以在Vue.js组件中包含一个普通的JS文件？怎样才能做到呢？
到目前为止，我只尝试在<script>元素中添加一个index.html标记，但是它会引发一个错误。
<script src="../src/js/drag-and-drop.js"></script>
浏览 2提问于2018-12-19得票数 0
回答已采纳
1回答
我们在Vue.js中使用了Laravel，但在过去的一年中，代码变得有点混乱。我们现在开始重写其中的大部分内容，并正在讨论如何最好地去做。
我们没有使用SPA，因此路由是在Laravel中定义的。由于已经进行了一些复制/粘贴，我们现在希望在Vue.js模块中编写所有内容，并将所有内容放入一个JS文件中。它现在可以工作了，因为到目前为止我们只有大约10个组件，但考虑到整个重写，我们最终可能会有100个或更多的组件。
问题是:如果100个组件打包在一个JS文件中，Vue.js是否需要执行所有组件的代码，即使该页面只使用其中的10个组件，或者只执行那些实际使用的组件的代码？
如果从性能上讲，这是一个
浏览 0提问于2018-05-22得票数 0
我试图在一个HTML5应用程序中使用vue.js视频元素。如何将视频包装为数据属性并在vue.js应用程序中使用。
这是我的密码：
<template>
<div class="video-player">
<video class="video">
<source src="@/assets/video.mp4" type="video/mp4">
</video>
</template>
<script>
ex
浏览 1提问于2018-12-09得票数 2
回答已采纳
1回答
嗨，我在Vue.js 2中寻找一个双向绑定的解决方案。我找到了一个关于双向绑定的答案，但是它在Vue.js 1中。我尝试在Vue.js 1中工作。但是它没有工作。这里有人能帮我吗。
我为什么要那样？A-i有一个可满足的div和一个span标记，其中显示了一个带有v的变量。但是，当编辑发生时，我希望调用一些函数。@change和@keyup在vuejs 1中不能使用span，所以我转到了自定义指令。
浏览 3提问于2017-01-05得票数 1
我需要由Laravel中的Vue.js/React.js提供功能。Livewire是否取代了上面的(Vue.js/React.js)？谢谢
浏览 3提问于2020-12-09得票数 1
回答已采纳
我正在阅读一个客户端项目的静态站点生成器，我遇到了Vue.js和Nuxt.js，它们看起来很有前途。因为我可以在Vue.js和React之间选择，所以我现在更喜欢Vue。 客户的网站大约有120个页面，预定义的内容不会经常改变。因此，它似乎是静态站点的完美候选者--尤其是他目前的WordPress站点刚刚被谷歌猛烈抨击，因为页面加载速度非常糟糕…… “问题”或问题是，除了这120个页面之外，还需要一个页面，它基本上是一个通过API从后端动态获取数据的单页面应用程序。要编写这个动态页面，最好也能使用Vue.js。 我确实找到了很多关于静态页面或服务器生成页面的Nuxt.js的信息。但我的用例是
浏览 24提问于2020-12-01得票数 0
回答已采纳
2回答
我需要验证输入后，只有在提交按钮被点击。然而，所需的规则是激活后失去焦点。我在Vue.js中使用Vue.js。
HTML：
<input
name="Email"
v-validate
data-vv-rules="required|email"
id="email"
type="email"
v-model="email"
placeholder="Email "
>
联署材料：
this.$validator.validateAll().t
浏览 8提问于2017-03-22得票数 2
回答已采纳
1回答
我们正在尝试构建一个“可插件”的Java，它在客户端使用vue.js。
一般描述
假设我们希望在生产中获得以下服务器端应用程序简化的体系结构，而没有使用NodeJs (以及使用Java和Osgi，但在这里并不重要，在我看来，可能是PHP、.Net或摇摆不定)：
一个主要的etc应用程序，它公开了vuejs2、路由器和一些通用依赖项(引导、jQuery等)。在客户端，
许多webapp插件都公开了，其中包括:附加和/或可选的vue.js组件和第三方依赖项。
我们想要的
webapp做的工作是在服务器端检查可用的webapp插件，然后在索引文件中公开适当的JS文件。例如：
ap
浏览 1提问于2017-07-08得票数 2
我已经从我的Laravel项目url中删除了public。但是现在我的Vue.js坏了。
如果我从src文件中删除public，它不会识别出项目有Vue.js，但如果我添加public，它就会识别出这个项目有Vue.js。但是它没有在我的Blade页面上显示该组件，而是给出了这个错误：
[Vue warn]: Unknown custom element: <app-some> - did you register the component correctly? For recursive components, make sure to provide the "nam
浏览 20提问于2019-08-04得票数 0
我正在使用Vue.js开发一个应用程序，我遇到了以下挑战：
这个应用程序有一个相当基本的布局:标题，主视图和底部的导航部分。根据用户当前所在的页面，我希望在标题中显示一个主要操作。见下列线框：
我现在的问题是：是否有办法将模板和代码“注入”到标头中？因为理想情况下，我希望将逻辑和外观(如带有标签的图标)放在相应的组件中，而不是在标头中，因为它不知道当前的视图。
组件的头视图和主视图没有父/子关系。基本的Vue.js模板如下所示：
<div class="app-content">
<TheTopBar/>
<main&g
浏览 8提问于2020-01-01得票数 0
回答已采纳
12回答
我是Vue.js的初学者，我正在尝试创建一个应用程序来满足我的日常任务，我遇到了Vue组件。下面是我尝试过的方法，但不幸的是，它给出了这个错误：
vue.js:1023 Vue警告:未知的自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供"name“选项。
有什么想法吗，请帮帮忙？
new Vue({
el : '#app',
data : {
tasks : [
{ name : "task 1", completed : false},
{ name : "task 2", c
浏览 214提问于2016-09-08得票数 99
回答已采纳
我刚刚在GoDaddy上启动了一个Vue站点，下面是链接： --我一直通过导入组件来获取警告/错误。这是我的app.js
Vue.component('nav-bar', 'navbar.vue')
Vue.component('todo-item', {
template: '<li>This is a todo</li>'
})
var app = new Vue({1
el: '#app',
data: {
message: 'Pic-M
浏览 2提问于2018-09-22得票数 1
回答已采纳
4回答
我正在学习Vue.js，我不使用cli来安装Vue.js，我只是下载了Vue.js文件并试图学习它。
我的问题是将header.vue和footer.vue这样的组件外部化，并将它们添加到主组件中。
我使用Vue.component('MyHeader', require('./components/Header.vue'));加载组件，但遇到了类似于"Uncaught ReferenceError: require is not defined"的错误。
为了解决此错误，我从require.js下载了文件，但仍然无法加载组件文件。
文件夹结构
浏览 0提问于2018-02-23得票数 4
回答已采纳
我第一次尝试电子技术，我被它震撼了。然而，当我试图使用电子伪造的单文件vue.js组件时，我遇到了困难。我的问题如下：
我使用vue.js模板创建了一个项目并运行它。工作和看起来都很棒。我有一个包含索引文件的单个文件页面，如下所示：
<div id="test"></div>
</body>
<script>
import Vue from 'vue';
import Test from './test';
const app = new Vue(Test).$mount('#test&
浏览 1提问于2018-04-29得票数 2
1回答
我使用Django作为后端，并试图将一些数据传递到我创建的Vue表组件中。我用这个设置它，组件在使用webpack时显示得很好。我试图将数据设置为javascript常量，然后将其传递到组件中。数据似乎没有经过。下面是我的脚本的布局方式。
index.html
{% block content %}
<script>
const gridData = {{json_data|safe}};
console.log(gridData)
</script>
<div id="app">
<table_com
浏览 6提问于2020-02-28得票数 2
我开始使用vue.js和laravel进行一个小项目，我想知道如何将刀片语法放入vue.js模板代码或axios中：
axios.post("{{ route('myRouteName') }}", $('#add-related-contact'))
谢谢
浏览 4提问于2020-06-29得票数 0
3回答
在5.3之前的中，我使用了以下脚本标记来使用Vue.js：
<script type="text/javascript" src="../js/vue.js"></script>
然后，我将为该页面创建一个Vue实例，如下所示：
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
});
</script>
然后将其绑定到我的HTML中的
浏览 8提问于2016-09-26得票数 21
是否可以在整个页面上设置输入，而不仅仅是javascript框架Vue.js中的v-on:keyup.enter元素？
浏览 22提问于2016-07-17得票数 28
我最近对vue.js有点小问题，不知道有没有人能帮我？ 我有一个新安装的laravel 7.3.3和vue.js 2.6.12无法获得vue devtools扩展来显示我的组件，变量等。 这是devtools的样子： ? 这里是repo：https://github.com/yex777/pa-hub 谢谢你的帮助！
浏览 77提问于2021-09-01得票数 2
回答已采纳
如果我想告诉其他人这个项目使用npm + vue.cli + .vue文件，也叫vue.js？
因为我尝试过使用vue.js名称，但大多数人认为它是导入vue.js和纯js脚本，如下所示：
浏览 1提问于2020-07-14得票数 1
回答已采纳
我已经看过一些教程，说明如何将Vue.js包含到Laravel项目中。据我所见，通过创建模板并将其导入刀片文件，教程正在使用Vue.js。将Vue javascript文件直接包含到刀片文件中并像这样直接使用Vue有什么“错误”吗？换句话说，只是使用：
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
在刀片文件里我想用Vue。
这样做的原因是我只想让Vue.js取代Jquery在应用程序中所做的一些工作。我也一直在考虑使用React。但这似乎与Vue
浏览 2提问于2018-08-09得票数 0
回答已采纳
我正在学习Vue.js，并尝试了keep-alive和component机制，它们允许在组件之间动态切换。据我所知，我可以这样做：
<template>
<section>
<button @click="setSelectedTab('section-a')">Section A</button>
<button @click="setSelectedTab('section-b')">Section B</button>
</
浏览 7提问于2021-08-06得票数 1
1回答
我已经使用Vue.js几个月了，它一直在提醒webforms范例，您使用组件来创建一个网站或was应用程序，但是对于Vue.js来说，创建这样的东西是一种乐趣，而不是整个webforms的噩梦。
好吧，我的问题是，是否有可能在标记方式上仅仅为它的父级定义一些行为就制作嵌套组件。示例：
<grid prop1="somevalue" prop2="somevalue">
<grid-column prop1="somevalue" prop2="somevalue">
<filter-opt
浏览 1提问于2017-10-10得票数 1
回答已采纳
我正在使用vue.js和vuetify。 由父元素生成的元素存在于我的代码中。 我希望根据父类的子类动态地更改父元素的类，就像jQuery has()方法一样。 vue.js有什么办法做到这一点吗？ jQuery has()
浏览 40提问于2020-09-03得票数 0
回答已采纳
5回答
我正在创建使用node.js，快递，帕格，vue.js网站。我有一个关于Vue.js的问题
app.js
window.Vue = require('vue');
Vue.component('work-list', require('../views/components/WorkList.vue'));
const app = new Vue({
el: '#app',
data: {
message: 'Welcome'
}
});
WorkList.vue
<script>
浏览 9提问于2018-01-23得票数 1
回答已采纳
实际上，我正处于Vue.js 2的学习阶段，我试图将组件复选框值附加到主Vue.js实例数据数组变量中。但是，我总是在{{ brandArray }}中得到空数组。任何帮助都将不胜感激。
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, init
浏览 8提问于2017-08-27得票数 0
回答已采纳
React有类似于this.props.children的东西：
Vue.js是否也有一些类似的访问子元素？
浏览 2提问于2016-08-16得票数 11
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
