Показать сообщение отдельно
  #23 (permalink)  
Старый 22.07.2016, 14:05
Интересующийся
Посмотреть профиль Найти все сообщения от ES6privates
 
Регистрация: 18.07.2016
Сообщений: 25

cyber, тебе не кажется что у меня как то покрасивее штоле будет, и попроще:

Vue:

Описываем
var demo = new Vue({
  el: '#demo',
  data: {
    message: 'Hello Vue.js!'
  }
})


Используем
<div id="demo">
  <p>{{message}}</p>
  <input v-model="message">
</div>


==================================================
UI-js:

Описываем
class Demo {

  statis tag = 'demo'

  static template = `
      <p>{{message}}</p>
      <input [value]="message">
  `

  constructor {
    this.message = 'Hello UI-js!'
  }

}


Используем:
<demo></demo>


===========================================
При чем у меня можно написать даже так.
Просто дать инпату айдишник и рисовать из него свойства куда хотим и где хотим:

class Demo {
  statiс template = `
    <input #myInput>
    {{myInput.value}}
  `
}

Последний раз редактировалось ES6privates, 22.07.2016 в 14:24.
Ответить с цитированием