He estado pensando un poco en como VUE maneja la direcciones de acceso para la obtención de datos y métodos, ya que evita el uso de data
y methods
por el uso de this
, esto me parece interesante aunque no he podido encontrar documentación al respecto, me gustaría saber como lo hace internamente, pienso que podría tener una buena implementan en otros casos.
Ejemplo:
new Vue({
el: '#app',
mounted(){
// Como se implementa el 'data' y 'methods' a 'this'
console.log(this.valor);
this.funcion();
// En vez de:
console.log(this.data.valor);
this.methods.funcion();
},
data: {
valor: '>> valor'
},
methods: {
funcion: () => console.log('>> funcion')
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js" charset="utf-8"></script>
<div id="app"></div>