Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #41 (permalink)  
Старый 03.09.2016, 06:30
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

Есть тут люди которые писали на ангуляре 2 и vue? что скажите?
П.с я понимаю что на vue можно лепить архитектуру как хочешь, а ангуляр уже навязывает свою.
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #42 (permalink)  
Старый 03.09.2016, 08:01
Аватар для nerv_
junior
Отправить личное сообщение для nerv_ Посмотреть профиль Найти все сообщения от nerv_
 
Регистрация: 29.11.2011
Сообщений: 3,924

Сообщение от destus
А зачем вообще что-то изобретать, когда есть БЭМ?
ты о чем вообще? ИЛи я не знаю БЕЭ или БЭМ о том, как верстать HTML/CSS. Если под этим ты имел ввиду композицию UI, то у Vue для этих целей предусмотрены директивы и компоненты.

Сообщение от cyber
просто он нативно вставлен в файл компонента, и хранить его рядом в файле и делать импорт не получится вроде.
Вроде получится. Я так делаю. Предлагаю вместо паники и голословных заявлений начать с Hello World
Панику оставьте для Ангуляров, Реактов и т.п.)

Сообщение от cyber
получится на vuе сделать что то такое через декоратор?
получится и без декоратора

Сообщение от cyber
Есть тут люди которые писали на ангуляре 2 и vue? что скажите?
уже сказали. Ты тему читал? Или чукча не читатель, чукча писатель?
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
Ответить с цитированием
  #43 (permalink)  
Старый 03.09.2016, 09:10
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

nerv_,
Верстка тут вообще не причем. Я про композицию UI и архитектуру в целом. То есть каждый компонент это своя папка. В ней лежит шаблон, класс и стили. Это то, к чему мы пришли с ангуляр2.

Последний раз редактировалось destus, 03.09.2016 в 09:13.
Ответить с цитированием
  #44 (permalink)  
Старый 03.09.2016, 10:18
Аватар для kobezzza
Быдлокодер;)
Отправить личное сообщение для kobezzza Посмотреть профиль Найти все сообщения от kobezzza
 
Регистрация: 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();
	}
}
__________________
kobezzza
code monkey
Ответить с цитированием
  #45 (permalink)  
Старый 04.09.2016, 09:07
Аватар для nerv_
junior
Отправить личное сообщение для nerv_ Посмотреть профиль Найти все сообщения от nerv_
 
Регистрация: 29.11.2011
Сообщений: 3,924

Сообщение от destus
Я про композицию UI и архитектуру в целом. То есть каждый компонент это своя папка.
Мне кажется ты путаешь архитектуру приложения со структурой каталогов (приложения/модуля/компонента).
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
Ответить с цитированием
  #46 (permalink)  
Старый 04.09.2016, 10:17
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

nerv_,
Но ведь приложение это и будет дерево компонентов...
Ответить с цитированием
  #47 (permalink)  
Старый 05.09.2016, 09:05
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

kobezzza, что делает деректива wait?)
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #48 (permalink)  
Старый 05.09.2016, 10:17
Аватар для kobezzza
Быдлокодер;)
Отправить личное сообщение для kobezzza Посмотреть профиль Найти все сообщения от kobezzza
 
Регистрация: 19.11.2010
Сообщений: 4,338

Сообщение от cyber Посмотреть сообщение
kobezzza, что делает деректива wait?)
Декорирует метод, что он может быть вызван только после заданного состояния, а если оно еще не наступило, то вешает событие.
__________________
kobezzza
code monkey
Ответить с цитированием
  #49 (permalink)  
Старый 05.09.2016, 11:00
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

kobezzza, сенк, подумал не много о другом)
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #50 (permalink)  
Старый 07.10.2016, 17:27
Аватар для Lemme
Профессор
Отправить личное сообщение для Lemme Посмотреть профиль Найти все сообщения от Lemme
 
Регистрация: 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.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
NW (node-webkit) thread nerv_ Node.JS 9 12.03.2015 13:59