zN
дивно у vue одна з найкращих документацій
Там же потрібно використовувати mix. А я його не люблю. Підключаю файли по старинкі. От і проблеми з вью.
Size: a a a
2020 November 20
MR
Там же потрібно використовувати mix. А я його не люблю. Підключаю файли по старинкі. От і проблеми з вью.
Де?
AK
Там же потрібно використовувати mix. А я його не люблю. Підключаю файли по старинкі. От і проблеми з вью.
ну що тут можу сказати
1 там не обовязково юзати mix можеш і сам написати конфіг
2 чис саме не подобається mix? він в 2-3 строки все збирає
3 тут одразу приходить аналогія я composer не використовую по старинці заливаю ффайли по ftp
1 там не обовязково юзати mix можеш і сам написати конфіг
2 чис саме не подобається mix? він в 2-3 строки все збирає
3 тут одразу приходить аналогія я composer не використовую по старинці заливаю ффайли по ftp
AK
Там же потрібно використовувати mix. А я його не люблю. Підключаю файли по старинкі. От і проблеми з вью.
+ vue ти можеш по cdn підключити і просто в тегу скріпт або файлику писати
ось приклад
https://ru.vuejs.org/v2/guide/index.html#%D0%9D%D0%B0%D1%87%D0%B0%D0%BB%D0%BE-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B
ось приклад
https://ru.vuejs.org/v2/guide/index.html#%D0%9D%D0%B0%D1%87%D0%B0%D0%BB%D0%BE-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B
AK
+ vue ти можеш по cdn підключити і просто в тегу скріпт або файлику писати
ось приклад
https://ru.vuejs.org/v2/guide/index.html#%D0%9D%D0%B0%D1%87%D0%B0%D0%BB%D0%BE-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B
ось приклад
https://ru.vuejs.org/v2/guide/index.html#%D0%9D%D0%B0%D1%87%D0%B0%D0%BB%D0%BE-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B
аналогічно як jquery
zN
ну що тут можу сказати
1 там не обовязково юзати mix можеш і сам написати конфіг
2 чис саме не подобається mix? він в 2-3 строки все збирає
3 тут одразу приходить аналогія я composer не використовую по старинці заливаю ффайли по ftp
1 там не обовязково юзати mix можеш і сам написати конфіг
2 чис саме не подобається mix? він в 2-3 строки все збирає
3 тут одразу приходить аналогія я composer не використовую по старинці заливаю ффайли по ftp
Не знаю. Чомусь не заходить мікс.
Та і там багато всякого непотрібного js.
Один раз зібрав файли і вони в 1мб вийшли. А руками так в 120кб.
Та і там багато всякого непотрібного js.
Один раз зібрав файли і вони в 1мб вийшли. А руками так в 120кб.
AK
Не знаю. Чомусь не заходить мікс.
Та і там багато всякого непотрібного js.
Один раз зібрав файли і вони в 1мб вийшли. А руками так в 120кб.
Та і там багато всякого непотрібного js.
Один раз зібрав файли і вони в 1мб вийшли. А руками так в 120кб.
руками ти маєш на увазі свій конфіг webpack?
zN
руками ти маєш на увазі свій конфіг webpack?
Та хз що. Мабуть просто всі файли запакував які потрібні були.
В
Vue не зря широко распространён в Laravel сообществе т.к. оба этих фреймворка придерживаются так сказать developer friendly подхода.
С этим удобно работать и видно что делалось для людей. Когда я смотрю на Реакт или Symfony у меня обратное впечатление, как буд-то они делались не для удобства использования а для соблюдения каких-то стандартов и принципов.
С этим удобно работать и видно что делалось для людей. Когда я смотрю на Реакт или Symfony у меня обратное впечатление, как буд-то они делались не для удобства использования а для соблюдения каких-то стандартов и принципов.
В
Есть статейка React for Vue developers - https://sebastiandedeyne.com/react-for-vue-developers/
В
Хоть на тот момент автор и говорит, что предпочитает React нежели Vue, но я искренне взрагиваю, когда вижу допустим условный рендеринг такого вида:
return (
<article>
{awesome && <h1>React is awesome!</h1>};
</article>
);
AS
Хоть на тот момент автор и говорит, что предпочитает React нежели Vue, но я искренне взрагиваю, когда вижу допустим условный рендеринг такого вида:
return (
<article>
{awesome && <h1>React is awesome!</h1>};
</article>
);
да, это в реакте стремно выглядит
В
Во Vue решены удобным способом задачи, с которыми мы сталкиваемся каждый день, допустим двухсторониий биндинг, с помощью v-model:
В Реакте же это всё делается вручную:
import { useState } from 'react';
export default function Profile() {
const [name, setName] = useState('Sebastian');
return (
<input
type="text"
value={name}
onChange={event => setName(event.target.name)}
/>
);
}
<template>
<input type="text" v-model="name" />
</template>
<script>
export default {
data() {
return {
name: 'Sebastian'
}
}
};
</script>
В Реакте же это всё делается вручную:
import { useState } from 'react';
export default function Profile() {
const [name, setName] = useState('Sebastian');
return (
<input
type="text"
value={name}
onChange={event => setName(event.target.name)}
/>
);
}
AS
Во Vue решены удобным способом задачи, с которыми мы сталкиваемся каждый день, допустим двухсторониий биндинг, с помощью v-model:
В Реакте же это всё делается вручную:
import { useState } from 'react';
export default function Profile() {
const [name, setName] = useState('Sebastian');
return (
<input
type="text"
value={name}
onChange={event => setName(event.target.name)}
/>
);
}
<template>
<input type="text" v-model="name" />
</template>
<script>
export default {
data() {
return {
name: 'Sebastian'
}
}
};
</script>
В Реакте же это всё делается вручную:
import { useState } from 'react';
export default function Profile() {
const [name, setName] = useState('Sebastian');
return (
<input
type="text"
value={name}
onChange={event => setName(event.target.name)}
/>
);
}
Я на Вью видел когда пишут как-то так: @keyup="foo=event.target.value"
AS
В
v-model - это такой сахар, что бы сократить запись. С появлением Vue3 у нас теперь есть возможность делать больше одного v-model c уникальным именем
В
Или же условная привязка классов к элементам:
<div class=“banner” :class=“{“active”: active}”>{{ text }}</div>
<div className={`banner ${active ? "active" : “”}`}>{ text }</div><div class=“banner” :class=“{“active”: active}”>{{ text }}</div>
В
У Vue шаблоны выглядят роднее к нативному HTML и придерживаются нативной концепции WebComponents
zN
Или же условная привязка классов к элементам:
<div class=“banner” :class=“{“active”: active}”>{{ text }}</div>
<div className={`banner ${active ? "active" : “”}`}>{ text }</div><div class=“banner” :class=“{“active”: active}”>{{ text }}</div>
Я так поняв, цей фрагмент пишеться в .js файлі? Якщо в шаблоні, то як же Блейд? {{}}
В
Это пишется в jsx шаблонах, которые использует React