Preguntas etiquetadas con vue.js

Vue.js es un marco Javascript progresivo de código abierto para construir interfaces de usuario que apuntan a ser incrementalmente adoptables. Vue.js se utiliza principalmente para el desarrollo front-end y requiere un nivel intermedio de HTML y CSS. Las preguntas específicas de la versión de Vue.js deben etiquetarse con [vuejs2] o [vuejs3].

13
Vuex Action vs Mutations
En Vuex, ¿cuál es la lógica de tener tanto "acciones" como "mutaciones"? Entiendo la lógica de los componentes que no pueden modificar el estado (lo que parece inteligente), pero tener ambas acciones y mutaciones parece que está escribiendo una función para activar otra función, para luego alterar el estado. ¿Cuál …
173 vue.js  vuex 
17
vue.js 2 cómo ver los valores de la tienda desde vuex
Estoy usando vuexy vuejs 2juntos. Soy nuevo en vuex, quiero ver un storecambio variable. Quiero agregar la watchfunción en mivue component Esto es lo que tengo hasta ahora: import Vue from 'vue'; import { MY_STATE, } from './../../mutation-types'; export default { [MY_STATE](state, token) { state.my_state = token; }, }; Quiero …
6
[Vue warn]: no se puede encontrar el elemento
Estoy usando Vuejs . Este es mi marcado: <body> <div id="main"> <div id="mainActivity" v-component="{{currentActivity}}" class="activity"></div> </div> </body> Este es mi código: var main = new Vue({ el: '#main', data: { currentActivity: 'home' } }) ; Cuando cargo la página, aparece esta advertencia: [Vue warn]: Cannot find element: #main ¿Qué estoy …
166 javascript  mvvm  vue.js 
3
Diferencia entre @click y v-on: haga clic en Vuejs
las preguntas deberían ser lo suficientemente claras :). Pero puedo ver que alguien usa: <button @click="function()">press</button> Alguien usa: <button v-on:click="function()">press</button> Pero realmente, ¿cuál es la diferencia entre los dos (si existe)
3
Pasar evento y argumento a v-on en Vue.js
Paso un parámetro en las v-on:inputdirectivas. Si no lo paso, puedo acceder al evento en el método. ¿Hay alguna manera de que todavía pueda acceder al evento al pasar el parámetro a la función? No es que esté usando vue-router: Esto es sin pasar el parámetro. Puedo acceder al objeto …
158 vue.js 
11
¿Cómo oculto la sintaxis de VueJS mientras se carga la página?
Tal vez esta es una pregunta trivial. Entonces, cuando ejecuto mi aplicación vuejs en el navegador, habilita la velocidad de descarga de la aceleración (se establece en una conexión baja). Obtuve la salida de sintaxis vue sin terminar en el navegador. Sé que podemos engañarlo mostrando la imagen de carga …
156 javascript  vue.js 
11
forEach no es un error de función con la matriz de JavaScript
Estoy tratando de hacer un bucle simple: const parent = this.el.parentElement console.log(parent.children) parent.children.forEach(child => { console.log(child) }) Pero me sale el siguiente error: VM384: 53 Error de tipo no capturado: parent.children.forEach no es una función Aunque los parent.childrenregistros: ¿Cual podría ser el problema? Nota: Aquí hay un JSFiddle .
13
¿Cómo implementar debounce en Vue2?
Tengo un cuadro de entrada simple en una plantilla Vue y me gustaría usar debounce más o menos así: <input type="text" v-model="filterKey" debounce="500"> Sin embargo, la debouncepropiedad ha quedado en desuso en Vue 2 . La recomendación solo dice: "use v-on: input + función de rebote de terceros". ¿Cómo lo …
3
¿Cómo pasar un valor de datos Vue a href?
Estoy tratando de hacer algo como esto: <div v-for="r in rentals"> <a bind-href="'/job/'r.id"> {{ r.job_title }} </a> </div> No puedo entender cómo agregar el valor r.idal final del hrefatributo para poder hacer una llamada a la API. ¿Alguna sugerencia?
142 vue.js  vue-router 
2
¿Valores predeterminados para accesorios de componentes Vue y cómo verificar si un usuario no configuró el accesorio?
1. ¿Cómo puedo establecer el valor predeterminado para un accesorio de componente en Vue 2? Por ejemplo, hay un moviescomponente simple que se puede usar de esta manera: <movies year="2016"><movies> Vue.component('movies', { props: ['year'], template: '#movies-template', ... } Pero, si un usuario no especifica el year: <movies></movies> entonces el componente …
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.