Свой компонент из класса

Questions
1

Привет.

В общем то хочется сделать свой компонент который находится отдельно в файле.

Framework7.registerComponent(‘my-table-row’, {
template: <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> ,
})

Этот вариант работает но для большого объема данных он не подходит. Документацию я читал но зарегистрировать свой компонент из класса у меня не получилось

2

Почему не подходит для большого обьема данных?

3

На мой взгляд, очень неудобно оформлять код в кавычках. Например IDE не делает reformat code в таких случаях

4

К сожалению, так нельзя как вы хотите. Но можно через webpack, погуглите по запросу « webpack import html file into var»

5

Спасибо за ответ))) Я не стал возится с этим, жаль конечно что нельзя как в Vuejs

6

Почему бы вам тогда не использовать f7+Vuejs?

7

Мне кажется, что это будет слишком перегруженный вариант. У него ведь множество зависимостей, не знаю как он покажет себя на мобильных устройствах. Кстати, я хотел спросить, мы можем в личных сообщениях пообщаться? У меня еще есть вопросы, а вы кажется тут самый активный. Но не хочется множество тем создавать

8

Есть чат по f7 в телеграме: https://t.me/framework7ru присоединяйтесь

9

Спасибо за приглашение)))

10

Можно сделать так:

в файле test-div.f7.html:

<template>
    <div class="test-div">
        <a href="#" @click="click">Click me</a>
    </div>
</template>
<style>
</style>
<script>
    export default {
        data() {
            return {
            };
        },
        methods: {
            click() {
                alert('Clicked');
            }
        },
        on : {
        }
    };
</script>

В app.js до создания экземпляра Framework7:

import testDiv from '../pages/test-div.f7.html';
Framework7.registerComponent('test-div', testDiv)
1 Like