Vue utiliza en el envasado y de aplicación JS de tipo

En el paquete de clase vue pueden utilizarse para crear varias instancias de las mismas propiedades o métodos. Ejemplos tienen propiedades uniformes y métodos para garantizar la consistencia de los datos. Un código más simple, sólo es necesario pasar parámetros al objeto.
Hay, por ejemplo, los siguientes requisitos (1):

1. Clase A, necesidad de incluir el identificador de número, nombre, nombre, tipo de especie, imagen url.

export default class A {
	constructor(id, name, type, url){
		this.id = id
		this.name = name
		this.type = type
		this.url = url
	}
}

2. Un método para agregar una clase, la información adicional se puede obtener de acuerdo con ejemplos GetInfo Identificación del asíncrono ().

export default class A {
	constructor(id, name, type, url){
		this.id = id
		this.name = name
		this.type = type
		this.url = url
	}
	getInfo() {
		return axios.get(url, { id: this.id }).then((res) => {
			this.info = res.data.info
		}).catch((err) => {
			this.info = ''
		})
	}
}

3. Cuando la necesidad de datos de proceso, un método de exponer createa (params) utiliza para crear una instancia de la clase A a la parte exterior, las params parámetro objeto es los datos no estructurados. Después createa por escrito, después de crear la instancia de A es creado por la función createa.

   Si no procesamiento de datos, se utiliza directamente nuevos A (params)

export function createA(params) {
	return new A({
		id: params.id,
		name: params.name,
		type: params.type,
		url: `http://test.test.test.com/${params.id}`
	})
}

4. Uso: La _normalizeList (lista) secuencias de toda la lista. O cuando la función no es complicado, se puede utilizar directamente para crear instancias createa (elemento).

_normalizeList (list) {
   let ret = []
   list.forEach(item => {
     if (item.id) {
       ret.push(createA(item))
     }
   })
   return ret
 }

Un tiempo requerido para obtener más información, llamar a su método getInfo ():

console.log(a.info) // ''
this.a.getLyric()
console.log(a.info) //data

https://github.com/Gesj-yean/vue-demo-collection uso documentado más destacados plug-ins. Los estudiantes tienen tiempo para mirar mi blog cima se puede muchas gracias.