我有一个布局文件，其中有一些数据。此外，我还有三个组成部分：
标签
学生
行为
我想声明布局文件中的数据，但是通过三个子组件访问它。
这是如何在Vue.js中完成的？
谢谢你的帮助。
浏览 0提问于2017-01-25得票数 0
因此，Vue.js有自己的样式指南，其中明确指出(在“基本”部分)，可以防止“与现有和未来的HTML元素发生冲突，因为所有的HTML元素都是一个单词”。
然而，他们使用<component>标记来表示。我在现有的HTML标记列表中找不到<component>。这是否意味着，如果有一天HTML采用<component>标记，Vue.js将尝试解析它们并破坏它们？
请澄清。
浏览 2提问于2018-12-06得票数 11
回答已采纳
我的Vue.js应用程序中有这个Vue.js组件，它有一个自定义事件“切换”。单击(切换)按钮时，切换事件将isEnabled设置为false或true。这没有问题，但是当我将父组件中的isEnabled绑定到SwitchButton子组件以设置它的初始值时，它似乎不起作用。
父组件中使用的代码(将isEnabled true作为初始值)
<SwitchButton v-model="distSwitch" :isEnabled="true">
<label slot="left">{{ $t('gener
浏览 2提问于2020-03-17得票数 2
回答已采纳
我一直在研究Laravel + Vue.js。我想在Laravel Blade模板上开发Vue组件，但当我尝试这样做时，发生了以下错误，它不能很好地工作。
*出于检查的目的，我只编写了Vue组件的最小代码。
参考下面的文章，我尝试了各种方法。
正在发生的问题和错误消息
[Vue warn]: Failed to mount component: template or render function not defined. (found in anonymous component - use the "name" option for better debugging m
浏览 2提问于2016-10-07得票数 0
1回答
与在单独的js文件中声明函数相比，在vue.js实例中在方法下声明函数有什么不同？使用vue.js方法有哪些好处？
浏览 2提问于2017-11-02得票数 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
回答已采纳
我正在学习Javascript和vue.js。在Vue.js中访问内部对象的成员变量时，我感到困惑，因为它与Javascript不同。
假设javscript中的以下对象，
let obj = {
name : 'n',
ob : {
c : 'char',
d : 'int'
},
printcd : function()
{
console.log(this.ob.c);
console.log(this.ob.d);
}
}
我们
浏览 9提问于2018-02-02得票数 0
回答已采纳
在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 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
回答已采纳
我喜欢在我的项目中使用inline svg，因为使用css和js(道具)可以很好地控制宽度、高度、填充颜色、笔画宽度和笔画颜色。我通常为每个SVG图标创建一个vue.js证监会()。下面是一个例子：
<!-- IconsArrowRight.vue -->
<template>
<svg
viewBox="0 0 14 14"
fill="currentColor"
xmlns="http://www.w3.org/2000/svg"
>
<path
d
浏览 5提问于2022-04-10得票数 1
回答已采纳
4回答
我开始了解Vue.js了。我想知道如何将刀片变量传递到Vue.js？
喜欢
return view('user.profile', ['locations' => $allLocations);
我可以通过Vue.js操纵它吗？
因为我正计划实现一个动态下拉列表。实际上，有两次跌落。因此，无论用户在第一个下拉列表上选择什么，第二个下拉列表将只显示特定的选项。
我已经尝试过在1之前实现它。)隐藏元素，通过Javascript或2检索元素。)在页面加载后使用HTTP请求初始化元素，但是我发现这个方法有点麻烦，或者有点占用资源。除了上面提到的，还有其他实
浏览 3提问于2018-03-21得票数 1
回答已采纳
1回答
我通过以下方式创建了一个vue.js应用程序
vue init webpack myproject
然后，我遵循一个组件，为了创建简单的铜质组件，我将其放在src/ 目录下，如下所示：
<template>
<div id="app">
<polygon-crop :imageSource = "'src/assets/logo.png'"
ref="canvas"> </polygon-crop>
<button @click.prevent="crop"&g
浏览 7提问于2020-12-27得票数 0
1回答
我想问您，在VUE.JS组件'A‘中，是否有可能调用另一个使用组件'A’的VUE.JS组件'B‘的方法。
谢谢
浏览 5提问于2020-10-09得票数 0
回答已采纳
我是Vue.js新手
在呈现html时，我调用了一个Vue.filter。它应该以另一种格式显示日期。
下面是我的js文件：
var details = new Vue({
el: '#ajax-article-detail',
data: {
message: 'Hello Vue.js!'
},
methods: {
showName: function() {
console.log('Calling showName...');
return 'Im Event&
浏览 3提问于2019-01-08得票数 0
1回答
我试图在Vue.js中使用内联模板，但我无法让它显示数据，以下是我的代码：
Vue.component('food-item', {
props: ['food'],
})
var app7 = new Vue({
el: '#app-7',
data: {
foodList: [
{ id: 0, text: 'Vegetables' },
{ id: 1, text: 'Cheese' },
浏览 5提问于2017-12-14得票数 0
回答已采纳
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
在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
回答已采纳
我已经从我的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
我刚刚在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
回答已采纳
我开始使用vue.js和laravel进行一个小项目，我想知道如何将刀片语法放入vue.js模板代码或axios中：
axios.post("{{ route('myRouteName') }}", $('#add-related-contact'))
谢谢
浏览 4提问于2020-06-29得票数 0
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
1回答
我的Chrome版本101允许我打开
https://%65%78%61%6D%70%6C%65%2E%63%6F%6D (https://example.com，编码除了https://.)
但不是
https://%65%78%61%6D%70%6C%65%2E%63%6F%6D%2F%74%65%73%74 (https://example.com/test，带有路径分隔符/也编码了)。
根据最新的规范，URL的哪些部分和字符可以被URL编码？
“部件”指的是方案、用户名、密码、主机、端口、路径、查询、片段、.、:、//、@、?、#等。
所谓“什么字符”，我指的
浏览 9提问于2022-05-22得票数 -2
回答已采纳
1回答
我对使用Vue.js还比较陌生。我正在开发一个webapp (后端使用Laravel )，我想知道在安全性方面，使用Vuex和简单的Vue.js状态管理有什么区别。让我解释一下:在注册/登录期间，我想保存用户标识符(id或访问令牌)：我能用Vue.js管理标识符吗?或者使用Vuex更安全？我是否可以将标识符直接保存在Vue.js的Vue.js组件中(因为它的值不需要更改)？
谢谢大家
浏览 5提问于2021-05-31得票数 0
回答已采纳
如果我想告诉其他人这个项目使用npm + vue.cli + .vue文件，也叫vue.js？
因为我尝试过使用vue.js名称，但大多数人认为它是导入vue.js和纯js脚本，如下所示：
浏览 1提问于2020-07-14得票数 1
回答已采纳
当尝试将Vue.js与vue-资源和vue-路由器一起使用时，会显示一个错误：
ReferenceError:初始化前无法访问词法声明“`vm”
就我跟踪的错误而言，它只在页面加载了初始路由时才出现，例如test.com/ #/file ( error )和test.com/(无错误)。如果将requestDirectory()的所有代码替换为next()，则不会显示错误。因此，它似乎继承了代码结构。有什么想法吗？
const routerComponents = {
home: { template: '<p>Home ...</p>&
浏览 5提问于2017-01-12得票数 1
回答已采纳
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
我正在使用vue.js和vuetify。 由父元素生成的元素存在于我的代码中。 我希望根据父类的子类动态地更改父元素的类，就像jQuery has()方法一样。 vue.js有什么办法做到这一点吗？ jQuery has()
浏览 40提问于2020-09-03得票数 0
回答已采纳
这是导致问题的脚本路径的示例：
http://example.com/index/index/tokenID/345%250Atest
如果我试图访问生产服务器上的这个链接，就会收到404错误。如果我试图在本地机器上访问它：
localhost:8080/index/index/tokenID/345%250Atest
一切都很好。
两个服务器都在Apache上。生产服务器-分钱操作系统，本地主机- Ubuntu。看起来，Apache文件中有一些配置是我忘记设置的。
浏览 0提问于2014-11-12得票数 1
通常，使用Vue.js时，您会在标记中引用类似Blazor的组件，如下所示： <UserImageComponent>
...
</UserImageComponent> 但是，Vue.js具有动态加载组件的能力： <component v-bind:is="UserImageComponent">
...
</component> Blazor有这样的东西吗？
浏览 19提问于2020-01-27得票数 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
回答已采纳
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
回答已采纳
我试图在一个requestPointerLock()组件中使用Vue.js。如果我的组件的pointerShouldLock数据项是true，指针应该在beforeUpdate()生命周期挂钩期间被锁定。我的代码如下所示：
beforeUpdate() {
if (this.pointerShouldLock) {
const gameScreen = document.getElementById('game-screen')
requestPointerLock(gameScreen)
}
}
requestPointerLo
浏览 6提问于2017-11-24得票数 0
回答已采纳
我希望将父组件数据值中的更改传递给其子组件，每次父组件中的值发生变化时，如何在vue.js中实现它。我使用的是3个自定义组件，每次都必须反映父组件的当前值。我是vue.js的新手
浏览 0提问于2018-02-15得票数 2
回答已采纳
1回答
电流状态
我有一个全面开发的Rails网站，使用Rails视图，经典的Coffescript和SCSS。我所有的路线都是在routes.rb上宣布的。
它需要什么
一些开发的页面有很多与之相关的逻辑，将其移植到web应用程序更有意义。选择的网络应用程序是Vue.js。
整个网站(一个非常复杂的产品)将逐步部署(当使用Vue.js的页面准备就绪时，Rails应用程序上的页面应该被新的页面“替换”)。一个主要的限制因素是代码库是不同的。Vue.js应用程序将从Rails应用程序API中获取信息。
问题(需要帮助)
我如何设置一些路由到Rails应用程序，而另一些路由转到Vue.js应用程序？(记住
浏览 5提问于2017-04-13得票数 1
回答已采纳
我想将未注册的web组件用于样式和语义目的。例如，我可能在没有使用customElements.define注册的情况下使用标记<t-card></t-card>。浏览器和样式表在这方面似乎也没有任何问题，但我已经注意到Vue.js等第三方库的问题。 那么我是应该这样做呢，还是应该坚持<div class="card"></div>的风格呢？我也在为任何现代浏览器进行开发，所以向后兼容不是问题。
浏览 29提问于2020-03-30得票数 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
回答已采纳
我尝试获取Vue.js组件的模板，因为我需要它用于另一个函数。 首先，我有一个需要Vue.js组件模板的函数，因为我希望模板中的数据动态变化，而不仅仅是一些静态的HTML. 其次，我在从Vue.js组件获取模板时遇到了一个问题。也许他们不被允许这样做，但我不确定。我是Vue.js的新手。 但根据我对JS的理解，这可能会发生。 我试着做这样的事情： let vmComponent = Vue.component('VueComponent', {
data() {
return {
title: 'I am a Vue.js component
浏览 25提问于2019-06-21得票数 0
1回答
我正在迁移到vue.js 3，但是没有找到一个解决方案来实现这个工作：
在Vue.js 2中，我能够加载这样的组件并指定别名：
components: {
checkbox: () => import('./CheckboxField'),
}
在Vue.js 3中，我必须使用导入组件。
我现在就是这么做的：
components: {
AsyncComponent: defineAsyncComponent(() =>
import('./CheckboxField.vue')
浏览 6提问于2021-03-28得票数 0
回答已采纳
1回答
在我的不同项目中，我使用React.js和Vue.js作为前端。
在React中，我能够像这样用MyComponent包装模板。
<MyComponent>
<div>Here</div>
</MyComponent>
在MyComponent文件中
const MyComponent = ({children}) {
return (
<div className="my-component">{children}</div>
)
}
如何在V
浏览 0提问于2019-12-04得票数 2
回答已采纳
name: 'app'在下面的Vue.js CLI代码中有哪些功能？
我知道export default是用来
“创建JavaScript模块，从模块导出函数、对象或原始值，以便其他程序可以使用导入语句”()
我理解模块是template元素中的内容，但我不知道它是从哪里导入的。
<template>
<div id="app">
<img src="./assets/logo.png">
<router-view></router-view>
</
浏览 5提问于2017-09-21得票数 1
回答已采纳
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
回答已采纳
2回答
我已经开始使用Vue.js版本3，并制作了一个简单的注册表。我需要为我的密码字段实现一个密码强度计量器，但似乎没有任何与Vue.js 3版本兼容的组件。我发现没有几个好的密码强度测试仪组件可以和Vue.js一起使用，但它们似乎都与Vue.js 2兼容。 我试过了 https://awesomeopensource.com/project/skegel13/vue-password 它在演示中运行良好，但与我的Vue.js 3不兼容。我被困在这里。有什么帮助/建议吗？
浏览 75提问于2020-11-29得票数 0
1回答
我有一个包含多个表单步骤的vue.js表单，需要简化html5验证，如下所示：
<template>
<div>
<div v-if="activeForm === 1">
<h2>
How much does {{ form.name }} weight?
</h2>
<text-input
v-model="form.weight&
浏览 0提问于2019-08-01得票数 1
回答已采纳
在Vue.js 1.0中，我可以通过以下代码设置全局分隔符
Vue.config.delimiters = ['${', '}'];
但是它被从Vue.js 2.0中删除了。每次必须使用下列代码设置分隔符吗？
new Vue({
delimiters: ['${', '}']
})
浏览 0提问于2016-12-10得票数 3
回答已采纳
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
回答已采纳
我用Laravel和Vue.js创建了一个网站。
我为用户创建了一个公共页面。现在我想创建一个管理页面。在公共页面中，我使用app.js of Vue.js来管理该页面。现在我也想用Vue.js来管理管理页面。
我怎么能这么做？我想我需要创建一个新的app.js文件来管理管理页面？是对还是错？
浏览 1提问于2019-04-21得票数 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
回答已采纳
我正在一个现有的项目中实现vue.js，并将body标记上的vue实例绑定为id "app“。
到目前为止，jQuery和Vue.js玩得很好。但是，当我创建组件时，这些组件中的所有jQuery绑定都不再起作用了。
然而，根实例中的绑定仍然有效。
HTML：
<body id="app">
<button class="button-app" @click="showMessage('app')">APP</button>
<some-component inline-temp
浏览 4提问于2015-11-22得票数 2
回答已采纳
5回答
我需要输出一个表，它的内容可以通过Ajax更新。所以我计划使用vue-tables-2 ()，这是一个Vue.js插件。
使用Laravel方法，我正在编写一个Vue.js自定义组件，那么如何在组件中使用vue-tables-2插件呢？
这里是一个如何使用插件的例子。不幸的是，在本例中没有将插件包装在组件中。
浏览 1提问于2018-01-02得票数 11
回答已采纳
1回答
我使用vue.js来设计一个管理应用程序，并且我试图构建尽可能模块化的UI体系结构。因此，我已经将Header、Body、Sidebar和Main设置为单个文件组件，如下所示。
树
App
- Header
- dynamic content
- Body
- Sidebar
- dynamic content
- Main
- dynamic content
图形
┌──────────────────────────────────────────────────────────┐
│ HEADER SO
浏览 3提问于2018-05-28得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
