Vue AXIOS comunicación asincrónica y las propiedades de computación

axios Vue recomienda el uso de la comunicación asíncrona, de hecho, también se puede hacer uso de AJAX Pero desde Vue era axios recomienda que utilizamos axios llevar a cabo una sencilla comunicación asíncrona y similares están familiarizados con ajax ajax estudiantes también deben estar en axios Inicio rápido

vue tiene una función de enlace montada () que realiza este tiempo si queremos obtener algunos datos al servidor para que busque sin duda estamos cargados normalmente con axios estrategia asíncronos es una solución tal a principios de carga de las páginas es un asíncrono que después se monta de comunicación (se realizó de forma asíncrona operación de carga) en -> axios axios método común es axios.get(url).then(response=>(拿到response后的动作 response.data就是拿回的数据)) 他是一种链式编程的思想 =>datos de nuevo no siempre se almacena simultáneamente en los datos de atributos almacenados en los datos que necesitamos () función se utiliza para devolver un rendimiento aceptable datos

Además parámetro realización axios se pasa después de añadir un objeto params URL es definido por la transmisión de contenidos:axios.get(url,{params:{传递的参数}})

(datos) de datos de formato para ser recuperados y formato JSON consistente

<div id = "d1">
			<div>{{info.name}}</div>
			<div>{{info.url}}</div>
			<div>{{info.intro.msg1}}</div>
			<div>{{info.intro.msg2}}</div>
			<div>{{info.intro.msg3}}</div>
			<div>{{info.final}}</div>
		</div>
		<script type="text/javascript">
			var v = new Vue({
				el : '#d1',
				data(){//存放axios返回的数据 格式必须和取到的json格式一致
					return {
						info : {
							name : null,
							url : null,
							intro : {
								msg1 : null,
								msg2 : null,
								msg3 : null,
							},
							final : null
						}
					}
				},
				mounted(){//钩子函数 链式编程
					axios.get("../js/myjson.json").then(response=>(this.info=response.data))
				}
			})
		</script>

Es muy sencillo de calcular las propiedades y las propiedades generales de la comparación es más como una función de caché. Hay una propiedad que se calcula en las propiedades del código de computación en Vuecomputed : { time : function(){ return Date.now(); } } 计算出当前时间戳 在前端引用它的方法和引用普通属性一样

Publicado 53 artículos originales · ganado elogios 0 · Vistas 1950

Supongo que te gusta

Origin blog.csdn.net/XXuan_/article/details/104208635
Recomendado
Clasificación