Скрыть объявление
ПОДПИШИСЬ НА КАНАЛ: MeHack

Попытка сделать подобие фигни из сайта никсвара

Тема в разделе "HTML шаблоны, Lending pages", создана пользователем Чёрнокнижник, 25.01.22.Просмотров: 195

  1. Чёрнокнижник Администратор | Повелитель китайцев

    Чёрнокнижник

    Администратор

    341 сообщения
    295 симпатий
    4
    розыгрышей
    6 лет с нами
    6 месяцев с нами
    [​IMG]

    Думаю все знают эту фигню я не знаю как она называется, но хотел потренироваться с Vue js 3 и сделал вот это
    Оно работает просто над css не заморачивался
    Я хотел чтобы вы сказали нормальный код или говно?

    Код:
    
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>

<div id="app">
    <h1>Features</h1>
    <p>{{current_text}}</p>
    <div>
        <button v-for="(item, i) in text" @click="Changetext(i)"></button>
    </div>
</div>

<script src="https://unpkg.com/vue@next"></script>
<script src="app.js"></script>
</body>
</html>
    Код:
    JavaScript:

const App = {
    data(){
        return{
            text: ["Legit", "Wallhack", "Misc", "Ragebot", "Lua Api", "Another"],
            current_text: ""
        }
    },
    methods: {
        Changetext(i){
            this.current_text = this.text[i]
        }
    }
}

Vue.createApp(App).mount("#app")
     
    2. #1 25.01.22