Слияние кода завершено, страница обновится автоматически
cube.js — это динамический шаблонный движок или легковесный mvvm-фреймворк, при котором представление автоматически обновляется в зависимости от изменения данных.
По сравнению с традиционными подходами MVVM, он выглядит более прямолинейным и логичным, так как способ его использования практически не отличается от работы с обычными серверными шаблонами.
<script src='../dist/bundle.js'></script>
{
d: 1,
abc: [
{
ccc: 1,
},
{
ccc: 2
}
]
}
c-tpl для указания соответствующих данных<div c-tpl='test'>
</div>
Cube.set, чтобы установить данные для слежения за ними. На самом деле вы можете использовать var, но тогда обновление будет происходить реже<script>
var data = {
d: 1,
abc: [
{
ccc: 1,
},
{
ccc: 2
}
]
};
// Если вы не выполните следующую строчку, всё равно можно будет произвести рендеринг
Cube.set('test', data);
</script>
for/each и if/else if/else. :value используется для двусторонней привязки данных (в настоящее время использование этого метода не рекомендовано, так как он находится в процессе разработки)<div c-tpl='test'>
<input type='text' :value='d'>
<ul>
~ each i, v in abc ~
~ each item in v ~
~ if Math.random() > 0.5
<li>~ item ~ 0.5+</li>
~ else if Math.random() > 0.5 ~
<li>else if item</LI>
~ else ~
<li>0.5-</li>
~ end ~
~ end ~
~ end ~
</ul>
~ d ~
</div>
: + имя события, например<a href='javascript:;' :click='d++'>click me</a>
<script>
data.abc[0].ccc = 2;
setTimeout(function(){
data.d = 'oh yes';
}, 3000);
</script>
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )