<template>
<p>Child component</p>
</template>
<script>
export default {
mounted() {
//имитируем задержку
setTimeout(() => {
this.$emit('load');
}, 2000);
}
}
</script><template>
<h1>Parent component</h1>
<child @load="onLoad"></child>
</template>
<script>
export default {
components: {
child: () => import('child.vue'),
},
methods: {
onLoad() {
console.log('Child loaded!');
}
}
}
</script>
$.post('https://...', { var1: "1", var2: my}, function(data) {
console.log(data);
});window.addEventListener('resize', this.h.bind(this));window.addEventListener('resize', () => this.h());new Vue({
el: '#app',
data: {
h: 0
},
methods: {
calcH() {
this.h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
}
},
created() {
this.calcH();
window.addEventListener('resize', this.calcH.bind(this));
}
});var width = 1280;
var height = 720;
var ratio = width / height;//новая ширина относительно новой высоты
var new_height = 500;
var new_width = new_height * ratio;//новая высота относительно новой ширины
var new_width = 800;
var new_height = new_width / ratio;