import { Loading } from "quasar";
function aSecond() {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve();
}, 1000);
});
}
export default ({ router, store, Vue }) => {
router.beforeEach(async (to, from, next) => {
if (store.state.catalog.loading) Loading.show();
while (store.state.catalog.loading) {
await aSecond();
}
Loading.hide();
////
};
<div class="catalog-section" v-for="category in categories" :key="category.index">
<h2 class="catalog-section--title title-default">{{category.name}} {{category.id}}</h2>
<p class="catalog-section--label label-default" v-if="category.label">{{category.label}}</p>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4" v-for="item in posts.filter(item => item.category === category.id)" :key="item.index">
<product-item :item=item />
</div>
</div>
</div>
Что этоVue (произносится /vjuː/, примерно как view) — это...
для чего его разработали?Чтобы не думать над DOM, а думать над структурой данных и их изменением.
Сложилось впечетление, что это некое хипстерское неэффективное поделие. Это ведь не так?нет, работает вполне эффективно и быстро
Его ведь используют в каких-нибудь крупных проектах?
Насколько он упрощает разработку?
Насколько быстро он работает?
Разработчики предлагают использовать его в паре с Node.JS, но что насчет более мейнстримного в веб-разработке PHP?
Стоит ли им пользоваться, если да, то в каких типовых задачах можно раскрыть как можно больше его потенциала?
"add": [
{text: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.", class: null},
{text: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.", class: null},
{text: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.", class: 'alert info'},
{text: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.", class: 'alert info'},
{text: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.", class: 'alert info'},
{text: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.", class: null},
],
<ul class="dots">
<template v-for="(value) in p.add">
<li :class="value.class">{{value.text}}</li>
</template>
</ul>
<template>
<quill :value="content" @input="value => $emit('input', value)"></quill>
</template>
<div id="vue">
<div id="target">
<a href="#" v-on:click.prevent="alert">{{message}}</a>
</div>
</div>
new Vue({
el: '#vue',
data: {
message: 'alert 1'
},
methods: {
alert: function (event) {
alert(this.message);
this.message = 'alert 2';
}
}
});
scroll-behavior: smooth;