Слияние кода завершено, страница обновится автоматически
Лёгкий прогрессивный фреймворк для рендеринга JavaScript.
Текущий документ на английском языке, для перехода к китайской версии документа нажмите здесь: китайская версия документа.
<!-- html -->
<my-component></my-component>
// javascript
<script type="module">
import 'https://unpkg.com/@palerock/ref-lit/build/ref-lit.mini.js';
const {defineComponent, html} = window.$ref_lit;
defineComponent('custom-input',
{
value: '',
type: 'text',
placeholder: 'please input...'
},
({props, component}) => {
function onInputChanged(e) {
component.dispatchEvent(new CustomEvent('cvalue', {
detail: {value: e.target.value}
}));
}
return () => html`
<input value=${props.value} type=${props.type} placeholder=${props.placeholder} @keyup=${onInputChanged} >
`
}
);
defineComponent('my-component', {}, ({ref}) => {
function onValueChanged(e) {
ref.value = e.detail.value;
}
return () => html`
<div>
<p>${ref.value}</p>
<custom-input value=${ref.value} @cvalue=${onValueChanged}></custom-input>
</div>
`
});
</script>
npm или yarn
# npm
npm i @palerock/ref-lit
# yarn
yarn add @palerock/ref-lit
<script src> в браузере
<script src="xxx/ref-lit.mini.js"></script>
<script>
const {defineComponent, html} = window.$ref_lit;
</script>
Module в браузере
<script type="module">
import 'xxx/ref-lit.mini.js';
const {defineComponent, html} = window.$ref_lit;
</script>
Просмотрите корневой каталог с именем build, выберите мини-js или обычный по своему усмотрению.
Или используйте следующие URL для импорта или загрузки:
В настоящее время документация находится в процессе написания.
Вы можете быстро ознакомиться с демонстрациями в src ./src/demo, это легко сделать.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )