Crea una cuenta o inicia sesi贸n

隆Contin煤a aprendiendo sin ning煤n costo! 脷nete y comienza a potenciar tu carrera

Expresiones y Propiedades

5/38
Recursos

Aportes 39

Preguntas 1

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Casi cualquier tipo de c贸digo JS puede ser utilizado dentro de una expresi贸n. Hay cosas que no podr铆amos hacer: un if, un else, un while, un switch, un for鈥

Template synax

.
Vue.js utiliza una sintaxis de plantilla basada en HTML (Template Syntax) que le permite vincular declarativamente el DOM representado a los datos de la instancia de Vue.
.
Todas las plantillas de Vue.js son HTML v谩lidos que pueden ser analizados por navegadores y analizadores HTML que cumplan con las especificaciones.
.
Por lo tanto podemos utilizar todas las funcionalidades de javascript que tengan un retorno expl铆cito, tales como variables, progrmaci贸n funcional, expresiones l贸gicas, llamadas de funciones, if ternarios, m茅todos y atributos de objetos, etc, pero no podemos hacer uso de if, else, while porque 茅stos no tienen un retorno.

Expresiones y Propiedades

Dentro de una expresi贸n {{ 鈥 }} podemos escribir casi cualquier c贸digo js v谩lido.
Ejemplo: operaciones aritmeticas (suma, resta, multi, divisi贸n), expresiones l贸gicas, llamar funciones, etc. Las sentencias condiciones no se pueden usar dentro de ellas (por ejemplo if and else, for, while, etc.), ya que Vue tiene su propia forma de ejecutarlas atreves de algo llamado directivas

Estoy realmente sorprendido con el alcance que puede llegar a tener vue dentro de mi aplicaci贸n al manipular js dentro de etiquetas html 馃槺

Desesperado!!! Clase 5 y a煤n no creamos el proyecto, estamos a pura teoria 鈥 la l贸gica de la teor铆a solo es comprensible ESCRIBIENDO C脫DIGO 鈥

muchas gracias!!, no lo sabia, pense que solo recibia variables declaradas en data

Las expresiones es como ejecutar c贸digo JavaScript simple, imprimir variables, hacer peque帽os c谩lculos, llamar funciones, etc. Esto igual nos ayuda a mantener el c贸digo m谩s limpio:D

Se puede hacer un map o un filter ?

Muy interesante!

much

really good

good

platzi is good

Pero que buen Profe, Argentino tenia que ser!!!

Expresiones y Propiedades

Podemos usar expresiones en el template de nuestra app de Vue.js:

<div id="app">
  <!--Nuestra app de vue se monta en el div-->
  <!--Todas las apps de Vue tienen 1 煤nico elemento padre--->
  <h1>{{ title }}</h1>
  <p>{{ 1+1+1 }}</p>
  <p>{{ true || false }}</p>
  <p>{{ 'string'.toUpperCase() }}</p>
  <p>{{ JSON.stringify({name: 'Miguel'}) }}</p>
</div>

Expresiones y propiedades

Dentro de una expresi贸n puedo ejecutar cualquier tipo de c贸digo JS, por ejemplo:

<div id="app">
  <h1>{{ title }}</h1>
  <!-- En una expreci贸n podemos sumar -->
  <p>{{ 1 + 1 }}</p>
  <!-- En una expreci贸n podemos usar valores booleanos -->
  <p>{{ true || false }}</p>
  <!-- En una expreci贸n podemos utilizar el operador ternario -->
  <p>{{ true ? true : false}}</p>
  <!-- En una expreci贸n podemos llamar funciones -->
  <p>{{ 'string'.toUpperCase() }}</p>
	<!-- En una expreci贸n podemos hacer JSON -->
  <p>{{ JSON.stringify({name: 'Carlos'}) }}</p>
</div>

Pero hay cosas que dentro de las expresiones no podr铆amos hacer como utilizar in if, un else , un while, un switch, un for, etc鈥 La mayor铆a de c贸digo JS es perfectamente utilizable dentro de las expresiones.

Me confundi un poco cuando el profesor indico que no se puede utilizar if, y aun asi lo utilizo en un ejemplo, un alma del se帽or me puede decir cual es la diferencia entre estos dos fragmentos

true ? 'Bien' : 'Mal'
if(variable){
	console.log('Bien');
}else{
	console.log('Mal')
}

5.-Expresiones y Propiedades

Dentro de una expresi贸n se pueden hacer muchas cosas, b谩sicamente se puede ejecutar cualquier c贸digo de JS o casi todo.

Hay cosas que no se pueden como if, else, while, switch, for.

!

javascript din谩mico en la vista

Esto es muy similar a React. me alegra saber que mi aprendizaje va ha ser sencillo. 馃槂

Casi cualquier codigo Mensp los de control+

excelente, para el front el poder utilizar expresiones

Dentro de las llaves {{ }} van las expresiones. B谩sicamente una l铆nea de c贸digo JS. No ser铆a lo recomendable que hubiese un bloque de c贸digo.

hay un error en el video, aunque lo adelantes siempre termina con error.

no esta reproduciendose

Dentro de una expresi贸n puedo:

  • Sumar n煤meros
  • Utilizar expresiones l贸gicas
  • Utiliza el operador ternario
  • Puedo realizar JSON

Paso a paso, ah铆 vamos digiriendo las bases de Vue.

Hola, este video no est谩 reproduciendo

Expresiones y propiedades.
Dentro de las expresiones se pueden realizar diferentes cosas 鈥淓jecutar c贸digo de JavaScript鈥.
.
C贸digo que no se puede utilizar:

  • if else
  • while
  • switch
  • for
  • Se puede utilizar cas铆 cualquier tipo de expresi贸n de javascript dentro de {{}} .
{{ 1+ 'b'}}

?

Practicamente lo que no se puede usar dentro de los corchetes son los controles de flujo no?

Dentro de las expresiones se puede ejecutar casi cualquier c贸digo JavaScript v谩lido. Por ejemplo, hacer operaciones, llamar funciones, usar el operador ternario, etc.
Lo que no se puede usar dentro de las expresiones es un if, if-else, switch o for.

en vue 3

const { createApp} = Vue;

      const app = createApp({
      
	});
      app.mount("#app");

f

Me parece raro q diga q un if o un for no se puede hacer, si lo hice y funciona perfectamente