
03.09.2016, 06:30
|
 |
I am Student
|
|
Регистрация: 17.12.2011
Сообщений: 4,415
|
|
Есть тут люди которые писали на ангуляре 2 и vue? что скажите?
П.с я понимаю что на vue можно лепить архитектуру как хочешь, а ангуляр уже навязывает свою.
__________________
Цитата:
|
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
|
|
|

03.09.2016, 08:01
|
 |
junior
|
|
Регистрация: 29.11.2011
Сообщений: 3,924
|
|
Сообщение от destus
|
А зачем вообще что-то изобретать, когда есть БЭМ?
|
ты о чем вообще? ИЛи я не знаю БЕЭ или БЭМ о том, как верстать HTML/CSS. Если под этим ты имел ввиду композицию UI, то у Vue для этих целей предусмотрены директивы и компоненты.
Сообщение от cyber
|
просто он нативно вставлен в файл компонента, и хранить его рядом в файле и делать импорт не получится вроде.
|
Вроде получится. Я так делаю. Предлагаю вместо паники и голословных заявлений начать с Hello World
Панику оставьте для Ангуляров, Реактов и т.п.)
Сообщение от cyber
|
получится на vuе сделать что то такое через декоратор?
|
получится и без декоратора
Сообщение от cyber
|
Есть тут люди которые писали на ангуляре 2 и vue? что скажите?
|
уже сказали. Ты тему читал? Или чукча не читатель, чукча писатель? 
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
|
|

03.09.2016, 09:10
|
 |
Профессор
|
|
Регистрация: 18.05.2011
Сообщений: 1,207
|
|
nerv_,
Верстка тут вообще не причем. Я про композицию UI и архитектуру в целом. То есть каждый компонент это своя папка. В ней лежит шаблон, класс и стили. Это то, к чему мы пришли с ангуляр2.
Последний раз редактировалось destus, 03.09.2016 в 09:13.
|
|

03.09.2016, 10:18
|
 |
Быдлокодер;)
|
|
Регистрация: 19.11.2010
Сообщений: 4,338
|
|
Cyber, заюззай вебпак и все.
Вот пример моего компонента на Vue.
'use strict';
/*!
* TravelChat Client
* Released under the FSFUL license
*/
import iData from '../i-data/i-data';
import keyCodes from '../../core/keyCodes';
import * as tpls from './b-button.ss';
import { model } from '../../core/block';
import { wait } from '../i-block/i-block';
@model(tpls)
export default class bButton extends iData {
/**
* Button type
*/
type: string = 'button';
/**
* Connected form id
*/
form: ?string;
/**
* Icon before text
*/
preIcon: ?string;
/**
* Icon after text
*/
icon: ?string;
/**
* Tooltip text
*/
hint: ?string;
/**
* Tooltip position
*/
hintPos: ?string;
/** @override */
static mods = {
rounding: [
'none',
['small'],
'normal',
'big'
],
width: [
['normal'],
'full'
],
opened: [
'true',
['false']
]
};
/**
* Opens the dropdown
*/
@wait('loading')
open() {
if (this.$slots.dropdown && this.setMod('opened', true)) {
this.emit('open');
}
}
/**
* Closes the dropdown
*/
@wait('loading')
close() {
if (this.$slots.dropdown && this.setMod('opened', false)) {
this.emit('close');
}
}
/**
* Toggles the dropdown
*/
toggle() {
this.ifSomeMod(['opened'], true) ? this.close() : this.open();
}
}
|
|

04.09.2016, 09:07
|
 |
junior
|
|
Регистрация: 29.11.2011
Сообщений: 3,924
|
|
Сообщение от destus
|
Я про композицию UI и архитектуру в целом. То есть каждый компонент это своя папка.
|
Мне кажется ты путаешь архитектуру приложения со структурой каталогов (приложения/модуля/компонента).
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
|
|

04.09.2016, 10:17
|
 |
Профессор
|
|
Регистрация: 18.05.2011
Сообщений: 1,207
|
|
nerv_,
Но ведь приложение это и будет дерево компонентов...
|
|

05.09.2016, 09:05
|
 |
I am Student
|
|
Регистрация: 17.12.2011
Сообщений: 4,415
|
|
kobezzza, что делает деректива wait?)
__________________
Цитата:
|
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
|
|
|

05.09.2016, 10:17
|
 |
Быдлокодер;)
|
|
Регистрация: 19.11.2010
Сообщений: 4,338
|
|
Сообщение от cyber
|
kobezzza, что делает деректива wait?)
|
Декорирует метод, что он может быть вызван только после заданного состояния, а если оно еще не наступило, то вешает событие.
|
|

05.09.2016, 11:00
|
 |
I am Student
|
|
Регистрация: 17.12.2011
Сообщений: 4,415
|
|
kobezzza, сенк, подумал не много о другом)
__________________
Цитата:
|
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
|
|
|

07.10.2016, 17:27
|
 |
Профессор
|
|
Регистрация: 15.07.2015
Сообщений: 511
|
|
Законно ли вызывать методы дочерних компонентов через $ref?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="app">
<my-component ref="myComponent"></my-component>
<button @click="handleToggle">toggle</button>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.1/vue.min.js"></script>
<script>
Vue.component('my-component', {
template: '<div v-if="active">my-component</div>',
data: () => ({ active: false }),
methods: {
toggle() {
this.active = !this.active
}
}
})
new Vue({
el: '#app',
methods: {
handleToggle() {
this.$refs.myComponent.toggle() // я об этом
}
}
})
</script>
</body>
</html>
Последний раз редактировалось Lemme, 07.10.2016 в 17:56.
|
|
|
|